import sidebarMenuStory from '../../SidebarMenu/story' ; import sidebarItemStory from '../../SidebarItem/story' ; import sidebarLogoStory from '../../SidebarLogo/story' ; import { Sidebar } from '../Sidebar' ; import PicassoBook from '~/.storybook/components/PicassoBook' ; const page = PicassoBook . section ( 'Components' ) . createPage ( 'Sidebar' , 'Navigation items provide access to parts in your app' ) ; page . createTabChapter ( 'Props' ) . addComponentDocs ( { component : Sidebar , name : 'Sidebar' } ) . addComponentDocs ( sidebarMenuStory . componentDocs ) . addComponentDocs ( sidebarItemStory . componentDocs ) . addComponentDocs ( sidebarLogoStory . componentDocs ) ; page . createChapter ( ) . addExample ( 'Sidebar/story/Default.example.tsx' , 'Default' ) . addExample ( 'Sidebar/story/Variants.example.tsx' , 'Variants' ) ; page . connect ( sidebarItemStory . chapter ) ;