import _extends from "@babel/runtime/helpers/extends";
import React from 'react';
import markdown from './README.mdx';
import { SecondaryNavigation, SecondaryNavigationTitle } from './SecondaryNavigation';
import Breadcrumb from '../Breadcrumb';
import BreadcrumbItem from '../BreadcrumbItem';
import BreadcrumbHome from '../BreadcrumbHome';
import Tabs from '../Tabs';
import Tab from '../Tab';
export default {
  title: 'Components/Navigations/SecondaryNavigation',
  component: SecondaryNavigation,
  subcomponents: {
    SecondaryNavigationTitle: SecondaryNavigationTitle
  },
  parameters: {
    componentSubtitle: 'Component',
    status: 'released',
    mdx: markdown,
    previewWidth: 'full'
  }
};
export var Regular = function Regular(args) {
  return /*#__PURE__*/React.createElement(SecondaryNavigation, _extends({}, args, {
    additional: "additional Information"
  }), /*#__PURE__*/React.createElement(Breadcrumb, null, /*#__PURE__*/React.createElement(BreadcrumbItem, null, /*#__PURE__*/React.createElement("a", {
    href: "/#"
  }, /*#__PURE__*/React.createElement(BreadcrumbHome, null))), /*#__PURE__*/React.createElement(BreadcrumbItem, {
    href: "#"
  }, "Breadcrumb 2"), /*#__PURE__*/React.createElement(BreadcrumbItem, {
    disableLink: true
  }, "Breadcrumb 3")), /*#__PURE__*/React.createElement(SecondaryNavigationTitle, null, "The page title"), /*#__PURE__*/React.createElement(Tabs, {
    customTabContent: true
  }, /*#__PURE__*/React.createElement(Tab, {
    label: "Tab label 1",
    href: "#"
  }), /*#__PURE__*/React.createElement(Tab, {
    label: "Tab label 2",
    href: "#"
  }), /*#__PURE__*/React.createElement(Tab, {
    label: "Tab label 3",
    href: "#"
  }), /*#__PURE__*/React.createElement(Tab, {
    label: "Tab label 4",
    href: "#"
  })));
};
var description = "\nYou can customize the content by using `BannerNavigation`.\n";
Regular.story = {
  parameters: {
    docs: {
      storyDescription: description
    }
  }
};
export var HeadingOnly = function HeadingOnly(args) {
  return /*#__PURE__*/React.createElement(SecondaryNavigation, {
    additional: "additional Information"
  }, /*#__PURE__*/React.createElement(Breadcrumb, null, /*#__PURE__*/React.createElement(BreadcrumbItem, null, /*#__PURE__*/React.createElement("a", {
    href: "/#"
  }, /*#__PURE__*/React.createElement(BreadcrumbHome, null))), /*#__PURE__*/React.createElement(BreadcrumbItem, {
    href: "#"
  }, "Breadcrumb 2"), /*#__PURE__*/React.createElement(BreadcrumbItem, {
    disableLink: true
  }, "Breadcrumb 3")), /*#__PURE__*/React.createElement(SecondaryNavigationTitle, null, "The page title"));
};
var descriptionHeadingOnly = "\nThe content of `SecondaryNavigation` can be customized. In this example `SecondaryNavigation` is used without the `Tabs`.\n";
HeadingOnly.story = {
  parameters: {
    docs: {
      storyDescription: descriptionHeadingOnly
    }
  }
};