import PageLayoutDefaultNav from './examples/PageLayoutDefaultNav';
import PageLayoutExpandableNav from './examples/PageLayoutExpandableNav';
import PageLayoutGroupsNav from './examples/PageLayoutGroupsNav';
import PageLayoutHorizontalNav from './examples/PageLayoutHorizontalNav';
import PageLayoutSimpleNav from './examples/PageLayoutSimpleNav';
import PageLayoutManualNav from './examples/PageLayoutManualNav';
export default {
  title: 'Page Layout Demos',
  description: "<br />\n    All but the last example set the isManagedSidebar prop on the &lt;Page&gt; component to have the sidebar \n    automatically close for smaller screen widths. You can also manually control this behavior by not adding the \n    isManagedSidebar prop and instead:<br />\n    <ol>\n      <li>Add an onNavToggle callback to &lt;PageHeader&gt;</li>\n      <li>Pass in a boolean into the isNavOpen prop to &lt;PageSidebar&gt;</li>\n    </ol>\n    The last example demonstrates this.",
  examples: [{
    component: PageLayoutDefaultNav,
    title: 'Using default navigation'
  }, {
    component: PageLayoutExpandableNav,
    title: 'Using expandable navigation'
  }, {
    component: PageLayoutGroupsNav,
    title: 'Using grouped navigation'
  }, {
    component: PageLayoutHorizontalNav,
    title: 'Using horizontal navigation'
  }, {
    component: PageLayoutSimpleNav,
    title: 'Using simple navigation'
  }, {
    component: PageLayoutManualNav,
    title: 'Programmatically toggle the sidebar'
  }],
  fullPageOnly: true
};