import React from 'react';
import markdown from './README.mdx';
import { action } from '@storybook/addon-actions';
import { BannerNavigation, BannerNavigationItem } from './BannerNavigation';
import { BannerNavigationWithContent } from './BannerNavigationWithContent';
import Search from '../Search';
import Link from '../Link';
export default {
  title: 'Components/Navigations/BannerNavigation',
  component: BannerNavigation,
  subcomponents: {
    BannerNavigationItem: BannerNavigationItem,
    Link: Link
  },
  parameters: {
    componentSubtitle: 'Component',
    status: 'released',
    mdx: markdown,
    previewWidth: 'full'
  }
};
export var RegularNavigation = function RegularNavigation(args) {
  return /*#__PURE__*/React.createElement(BannerNavigationWithContent, args);
};
export var CustomContent = function CustomContent(args) {
  return /*#__PURE__*/React.createElement(BannerNavigation, args, /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "#",
    target: "_blank"
  }, "Link 1")), /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "#",
    target: "_blank"
  }, "Link 2")), /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "#",
    target: "_blank"
  }, "Link 3")), /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Link, {
    href: "#",
    target: "_blank"
  }, "Link 4")), /*#__PURE__*/React.createElement(BannerNavigationItem, null, /*#__PURE__*/React.createElement(Search, {
    id: "search-2",
    kind: "banner",
    placeHolderText: "Search",
    onChange: action('onChange')
  })));
};
var description = "\nYou can customize the content by using `BannerNavigation`.\n";
CustomContent.story = {
  parameters: {
    docs: {
      storyDescription: description
    }
  }
};