import { Meta , Story } from "@storybook/react" ; import React from "react" ; import { SquareButton } from "../SquareButton" ; import * as fixtures from "./fixtures" ; import { Sidebar , SidebarProps } from "./Sidebar" ; const props = { activeId : "menu1" , menuItems : fixtures . menu , onMenuItemClick : ( ) => undefined } ; export const Default = ( ) => < Sidebar { ... props } / > ; export const SubmenuSelected = ( ) => ( < Sidebar { ... props } activeId = "menu21" / > ) ; export const WithToolbar = ( ) => ( < Sidebar { ... props } toolbar = { < SquareButton > tool < /SquareButton>}/ > ) ; export default { title : "Sidebar" } as Meta ;