"use strict";

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

var _addonKnobs = require("@storybook/addon-knobs");

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)('Badge', module);
stories.addDecorator(_addonKnobs.withKnobs);
stories.addDecorator(function (story) {
  return __jsx(_Box.Box, {
    maxWidth: "md",
    mt: "40px",
    mx: "auto"
  }, story());
});
stories.add('Default', function () {
  return __jsx(_.Badge, {
    color: "green"
  }, "Success");
});
stories.add('Solid Badges', function () {
  return __jsx(_react2["default"].Fragment, null, ['gray', 'green', 'red', 'orange', 'purple', 'teal'].map(function (color) {
    return __jsx(_.Badge, {
      variantColor: color,
      variant: "solid",
      mr: "spacing-sm"
    }, color);
  }));
});
stories.add('Subtle Badges', function () {
  return __jsx(_react2["default"].Fragment, null, ['gray', 'green', 'red', 'orange', 'purple', 'teal'].map(function (color) {
    return __jsx(_.Badge, {
      variantColor: color,
      mr: "spacing-sm"
    }, color);
  }));
});
stories.add('Outline Badges', function () {
  return __jsx(_react2["default"].Fragment, null, ['gray', 'green', 'red', 'orange', 'purple', 'teal'].map(function (color) {
    return __jsx(_.Badge, {
      variantColor: color,
      variant: "outline",
      mr: "spacing-sm"
    }, color);
  }));
});
stories.add('Hexagonal Badges', function () {
  return __jsx(_react2["default"].Fragment, null, ['gray', 'green', 'red', 'orange', 'purple', 'teal'].map(function (color, i) {
    return __jsx(_.Badge, {
      variantColor: color,
      variant: "hexagon",
      mr: "spacing-sm",
      size: 60
    }, i);
  }), __jsx(_.Badge, {
    variant: "hexagon",
    mr: "spacing-sm",
    size: 60
  }, __jsx(_Icon.Icon, {
    name: "repeat-clock"
  })));
});
//# sourceMappingURL=examples.js.map