"use strict";

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

var _react = _interopRequireDefault(require("react"));

var _README = _interopRequireDefault(require("./README.mdx"));

var _SubNavigation = require("../SubNavigation");

var _Search = _interopRequireDefault(require("../Search"));

var _Button = _interopRequireDefault(require("../Button"));

var _Link = _interopRequireDefault(require("../Link"));

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

var _default = {
  title: 'Components/Navigations/SubNavigation',
  component: _SubNavigation.SubNavigation,
  subcomponents: {
    SubNavigationHeader: _SubNavigation.SubNavigationHeader,
    SubNavigationTitle: _SubNavigation.SubNavigationTitle,
    SubNavigationLink: _SubNavigation.SubNavigationLink,
    SubNavigationFilter: _SubNavigation.SubNavigationFilter,
    SubNavigationContent: _SubNavigation.SubNavigationContent,
    SubNavigationList: _SubNavigation.SubNavigationList,
    SubNavigationGroup: _SubNavigation.SubNavigationGroup,
    SubNavigationItem: _SubNavigation.SubNavigationItem
  },
  parameters: {
    componentSubtitle: 'Component',
    status: 'released',
    mdx: _README.default
  }
};
exports.default = _default;

var RegularSubNavigation = function RegularSubNavigation(args) {
  return /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigation, args, ' ', /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationHeader, null, /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationTitle, null, "The Title"), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationLink, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
    small: true
  }, "The SubPage Link")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationFilter, null, /*#__PURE__*/_react.default.createElement(_Search.default, {
    className: "some-class",
    small: true,
    id: "search-2",
    labelText: "Filter",
    placeHolderText: "Filter",
    onChange: function onChange() {
      alert('Apply Filter');
    }
  }))), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationContent, null, /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationList, null, /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationGroup, {
    title: "First List",
    columns: true
  }, /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs"))), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationGroup, {
    title: "Second List of Items"
  }, /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs")), /*#__PURE__*/_react.default.createElement(_SubNavigation.SubNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "https://go.docs.wfp.org",
    target: "_blank"
  }, "GoDocs"))))));
};

exports.RegularSubNavigation = RegularSubNavigation;
var description = "\nYou can customize the content by using `BannerNavigation`.\n";
RegularSubNavigation.story = {
  name: 'Regular',
  parameters: {
    docs: {
      storyDescription: description
    }
  }
};