"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _PageLayoutDefaultNav = _interopRequireDefault(require("./examples/PageLayoutDefaultNav"));

var _PageLayoutExpandableNav = _interopRequireDefault(require("./examples/PageLayoutExpandableNav"));

var _PageLayoutGroupsNav = _interopRequireDefault(require("./examples/PageLayoutGroupsNav"));

var _PageLayoutHorizontalNav = _interopRequireDefault(require("./examples/PageLayoutHorizontalNav"));

var _PageLayoutSimpleNav = _interopRequireDefault(require("./examples/PageLayoutSimpleNav"));

var _PageLayoutManualNav = _interopRequireDefault(require("./examples/PageLayoutManualNav"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _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.default,
    title: 'Using default navigation'
  }, {
    component: _PageLayoutExpandableNav.default,
    title: 'Using expandable navigation'
  }, {
    component: _PageLayoutGroupsNav.default,
    title: 'Using grouped navigation'
  }, {
    component: _PageLayoutHorizontalNav.default,
    title: 'Using horizontal navigation'
  }, {
    component: _PageLayoutSimpleNav.default,
    title: 'Using simple navigation'
  }, {
    component: _PageLayoutManualNav.default,
    title: 'Programmatically toggle the sidebar'
  }],
  fullPageOnly: true
};
exports.default = _default;