function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import React from 'react';
import Badge from './Badge';
export default {
  title: 'Components/Badge',
  component: Badge,
  argTypes: {
    size: {
      options: ['default', 'big'],
      control: {
        type: 'select'
      }
    },
    variation: {
      options: ['default', 'info', 'success', 'warn', 'alert'],
      control: {
        type: 'select'
      }
    }
  }
};

var Template = function Template(args) {
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Badge, args, "1"), /*#__PURE__*/React.createElement(Badge, args, "Badge"), /*#__PURE__*/React.createElement(Badge, _extends({}, args, {
    size: "big"
  }), "Badge with size 'big'")));
};

export var Default = Template.bind({});
export var Alert = Template.bind({});
Alert.args = {
  variation: 'alert'
};
export var Warn = Template.bind({});
Warn.args = {
  variation: 'warn'
};
export var Success = Template.bind({});
Success.args = {
  variation: 'success'
};
export var Info = Template.bind({});
Info.args = {
  variation: 'info'
};