import React from 'react';
import Bullet from './Bullet';
export default {
  component: Bullet,
  title: 'Bullet'
};

var Wrapper = function Wrapper(_ref) {
  var children = _ref.children;
  return /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '6px',
      display: 'flex'
    }
  }, children);
};

export var Main = function Main() {
  return /*#__PURE__*/React.createElement("div", null, ['small', 'medium', 'large'].map(function (size) {
    return /*#__PURE__*/React.createElement(Wrapper, {
      key: size
    }, ['neutral', 'mint', 'aqua', 'violet', 'teal', 'gold', 'ruby'].map(function (color) {
      return /*#__PURE__*/React.createElement(React.Fragment, {
        key: color
      }, /*#__PURE__*/React.createElement(Bullet, {
        color: color,
        size: size,
        marginRight: 1
      }));
    }));
  }));
};