"use strict";

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

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

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

var _ = require(".");

var _Avatar = require("../Avatar");

var _Stack = require("../Stack");

var __jsx = _react2["default"].createElement;
var stories = (0, _react.storiesOf)('Tag', module);
stories.add('Default', function () {
  return __jsx(_Stack.Stack, {
    align: "center",
    isInline: true
  }, ['sm', 'md', 'lg'].map(function (size) {
    return __jsx(_.Tag, {
      size: size,
      variant: "outline"
    }, "Default");
  }));
});
stories.add('with left icon', function () {
  return __jsx(_Stack.Stack, {
    align: "center",
    isInline: true
  }, ['sm', 'md', 'lg'].map(function (size) {
    return __jsx(_.Tag, {
      size: size,
      variantColor: "cyan",
      rounded: "sm"
    }, __jsx(_.TagIcon, {
      icon: "add",
      size: "12px"
    }), __jsx(_.TagLabel, null, "Green"));
  }));
});
stories.add('with right icon', function () {
  return __jsx(_Stack.Stack, {
    align: "center",
    isInline: true
  }, ['sm', 'md', 'lg'].map(function (size) {
    return __jsx(_.Tag, {
      size: size,
      variantColor: "cyan"
    }, __jsx(_.TagLabel, null, "Green"), __jsx(_.TagIcon, {
      icon: "check",
      size: "12px"
    }));
  }));
});
stories.add('with close button', function () {
  return __jsx(_Stack.Stack, {
    align: "center",
    isInline: true
  }, ['sm', 'md', 'lg'].map(function (size) {
    return __jsx(_.Tag, {
      size: size,
      variant: "outline"
    }, __jsx(_.TagLabel, null, "Green"), __jsx(_.TagCloseButton, null));
  }));
});
stories.add('with custom element', function () {
  return __jsx(_.Tag, {
    variantColor: "red",
    rounded: "full"
  }, __jsx(_Avatar.Avatar, {
    src: "https://www.dropbox.com/s/nd8z3hxuo3ahauk/segun_adebayo.jpg?dl=1",
    size: "xs",
    name: "Segun Adebayo",
    ml: -1,
    mr: "spacing-sm"
  }), __jsx(_.TagLabel, null, "Segun"));
});
//# sourceMappingURL=examples.js.map