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

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

export var Main = function Main() {
  return /*#__PURE__*/React.createElement("div", null, ['primary', 'secondary', 'destructive', 'timer'].map(function (level) {
    return ['small', 'medium', 'large'].map(function (size) {
      return /*#__PURE__*/React.createElement(React.Fragment, {
        key: level + size
      }, /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(ButtonGroup, {
        level: level,
        size: size
      }, /*#__PURE__*/React.createElement(Button, null, "One"), /*#__PURE__*/React.createElement(Button, null, "Two"), /*#__PURE__*/React.createElement(Button, null, "Three"))), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(ButtonGroup, {
        level: level,
        size: size,
        segmented: true
      }, /*#__PURE__*/React.createElement(Button, null, "One"), /*#__PURE__*/React.createElement(Button, null, "Two"), /*#__PURE__*/React.createElement(Button, null, "Three"))), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(ButtonGroup, {
        level: level,
        size: size,
        value: "two"
      }, /*#__PURE__*/React.createElement(Button, {
        value: "one"
      }, "One"), /*#__PURE__*/React.createElement(Button, {
        value: "two"
      }, "Two"), /*#__PURE__*/React.createElement(Button, {
        value: "three"
      }, "Three"))), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(ButtonGroup, {
        level: level,
        size: size,
        segmented: true,
        value: "two"
      }, /*#__PURE__*/React.createElement(Button, {
        value: "one"
      }, "One"), /*#__PURE__*/React.createElement(Button, {
        value: "two"
      }, "Two"), /*#__PURE__*/React.createElement(Button, {
        value: "three"
      }, "Three"))));
    });
  }));
};