"use strict";

var _core = require("@emotion/core");

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _md = require("react-icons/md");

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

var _storybook = require("../../../utils/storybook");

var _ = require(".");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

/** @jsx jsx */
(0, _react3.storiesOf)("core/Badge", module).addParameters({
  options: {
    showPanel: true
  }
}).add("variants", function () {
  return (0, _core.jsx)(_storybook.StoryUtils.Container, null, (0, _core.jsx)(_storybook.StoryUtils.Stack, null, (0, _core.jsx)(_.Badge, {
    variant: "PILL"
  }, "New"), (0, _core.jsx)(_storybook.StoryUtils.StackItem, null, (0, _core.jsx)(_.Badge, {
    variant: "STATUS"
  }, "Connected ", (0, _core.jsx)(_md.MdFlashOn, null)), (0, _core.jsx)(_storybook.StoryUtils.Default, null))));
}).add("shortcut usage", function () {
  return (0, _core.jsx)(_storybook.StoryUtils.Container, null, (0, _core.jsx)(_storybook.StoryUtils.Stack, null, (0, _core.jsx)(_.Badge, {
    variant: "PILL",
    label: "New"
  })));
});