"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

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

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

var _addonActions = require("@storybook/addon-actions");

var _BannerNavigation = require("./BannerNavigation");

var _BannerNavigationWithContent = require("./BannerNavigationWithContent");

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

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

var _default = {
  title: 'Components/Navigations/BannerNavigation',
  component: _BannerNavigation.BannerNavigation,
  subcomponents: {
    BannerNavigationItem: _BannerNavigation.BannerNavigationItem,
    Link: _Link.default
  },
  parameters: {
    componentSubtitle: 'Component',
    status: 'released',
    mdx: _README.default,
    previewWidth: 'full'
  }
};
exports.default = _default;

var RegularNavigation = function RegularNavigation(args) {
  return /*#__PURE__*/_react.default.createElement(_BannerNavigationWithContent.BannerNavigationWithContent, args);
};

exports.RegularNavigation = RegularNavigation;

var CustomContent = function CustomContent(args) {
  return /*#__PURE__*/_react.default.createElement(_BannerNavigation.BannerNavigation, args, /*#__PURE__*/_react.default.createElement(_BannerNavigation.BannerNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "#",
    target: "_blank"
  }, "Link 1")), /*#__PURE__*/_react.default.createElement(_BannerNavigation.BannerNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "#",
    target: "_blank"
  }, "Link 2")), /*#__PURE__*/_react.default.createElement(_BannerNavigation.BannerNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "#",
    target: "_blank"
  }, "Link 3")), /*#__PURE__*/_react.default.createElement(_BannerNavigation.BannerNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Link.default, {
    href: "#",
    target: "_blank"
  }, "Link 4")), /*#__PURE__*/_react.default.createElement(_BannerNavigation.BannerNavigationItem, null, /*#__PURE__*/_react.default.createElement(_Search.default, {
    id: "search-2",
    kind: "banner",
    placeHolderText: "Search",
    onChange: (0, _addonActions.action)('onChange')
  })));
};

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