import pageTopBarStory from '../../PageTopBar/story' ; import pageTopBarMenuStory from '../../PageTopBarMenu/story' ; import pageHelmetStory from '../../PageHelmet/story' ; import pageContentStory from '../../PageContent/story' ; import pageFooterStory from '../../PageFooter/story' ; import pageBannerStory from '../../PageBanner/story' ; import pageAutocompleteStory from '../../PageAutocomplete/story' ; import pageArticleStory from '../../PageArticle/story' ; import { Page } from '../Page' ; import PicassoBook from '~/.storybook/components/PicassoBook' ; const page = PicassoBook . section ( 'Layout' ) . createPage ( 'Page' , 'A Page component' ) ; page . createTabChapter ( 'Props' ) . addComponentDocs ( { component : Page , name : 'Page' } ) . addComponentDocs ( pageTopBarStory . componentDocs ) . addComponentDocs ( pageTopBarMenuStory . componentDocs ) . addComponentDocs ( pageHelmetStory . componentDocs ) . addComponentDocs ( pageContentStory . componentDocs ) . addComponentDocs ( pageArticleStory . componentDocs ) . addComponentDocs ( pageFooterStory . componentDocs ) . addComponentDocs ( pageBannerStory . componentDocs ) . addComponentDocs ( pageAutocompleteStory . componentDocs ) ; page . createChapter ( ) . addExample ( 'Page/story/Default.example.tsx' , { title : 'Default' , description : 'Page has centered content and restricted width of 1200px or 75rem' , waitUntilImagesLoaded : true } ) . addExample ( 'Page/story/WideWidth.example.tsx' , { title : 'Wide width' , description : 'Page has centered content and restricted width of 1440px or 90rem' , waitUntilImagesLoaded : true } ) . addExample ( 'Page/story/FullWidth.example.tsx' , { title : 'Full width' , waitUntilImagesLoaded : true } ) . addExample ( 'Page/story/Scroll.example.tsx' , 'Scroll with overflow' ) . addExample ( 'Page/story/WithBanner.example.tsx' , { title : 'With Banner' , waitUntilImagesLoaded : true } ) . addExample ( 'Page/story/WithCompoundBanner.example.tsx' , { title : 'With Compound Banner' , waitUntilImagesLoaded : true } ) ; page . connect ( pageTopBarStory . chapter ) ; page . connect ( pageHelmetStory . chapter ) ; page . connect ( pageContentStory . chapter ) ; page . connect ( pageArticleStory . chapter ) ; page . connect ( pageFooterStory . chapter ) ; page . connect ( pageBannerStory . chapter ) ; page . connect ( pageAutocompleteStory . chapter ) ;