"use strict";

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

var _react = require("@storybook/react");

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

var _ = require(".");

var _Box = require("../Box");

var _Icon = require("../Icon");

var __jsx = _react2["default"].createElement;
var stories = (0, _react.storiesOf)('Breadcrumb', module).addDecorator(function (story) {
  return __jsx(_Box.Box, {
    maxWidth: "md",
    mx: "auto",
    mt: 5
  }, story());
});
stories.add('default', function () {
  return __jsx(_.Breadcrumb, {
    addSeparator: false
  }, __jsx(_.BreadcrumbItem, null, __jsx(_.BreadcrumbLink, {
    href: "#"
  }, "Breadcrumb 1"), __jsx(_.BreadcrumbSeparator, null)), __jsx(_.BreadcrumbItem, null, __jsx(_.BreadcrumbLink, {
    href: "#"
  }, "Breadcrumb 2"), __jsx(_.BreadcrumbSeparator, null)), __jsx(_.BreadcrumbItem, {
    isCurrentPage: true
  }, __jsx(_.BreadcrumbLink, {
    href: "#"
  }, "Breadcrumb 3")));
});
stories.add('separator', function () {
  return __jsx(_.Breadcrumb, {
    separator: ">"
  }, __jsx(_.BreadcrumbItem, null, __jsx(_.BreadcrumbLink, {
    href: "#"
  }, "Home")), __jsx(_.BreadcrumbItem, null, __jsx(_.BreadcrumbLink, {
    href: "#"
  }, "About")), __jsx(_.BreadcrumbItem, {
    isCurrentPage: true
  }, __jsx(_.BreadcrumbLink, {
    href: "#"
  }, "Current")));
});
stories.add('separator v2', function () {
  return __jsx(_.Breadcrumb, {
    separator: __jsx(_Icon.Icon, {
      name: "chevron-right"
    })
  }, __jsx(_.BreadcrumbItem, null, __jsx(_.BreadcrumbLink, {
    href: "#"
  }, "Home")), __jsx(_.BreadcrumbItem, null, __jsx(_.BreadcrumbLink, {
    href: "#"
  }, "About")), __jsx(_.BreadcrumbItem, {
    isCurrentPage: true
  }, __jsx(_.BreadcrumbLink, {
    href: "#"
  }, "Current")));
});
//# sourceMappingURL=examples.js.map