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

var Wrapper = function Wrapper(_ref) {
  var children = _ref.children;
  return /*#__PURE__*/React.createElement("div", {
    style: {
      minHeight: '60px',
      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
    }, /*#__PURE__*/React.createElement(Checkbox, {
      size: size,
      marginRight: 2
    }), /*#__PURE__*/React.createElement(Checkbox, {
      size: size,
      marginRight: 2,
      checked: true
    }), /*#__PURE__*/React.createElement(Checkbox, {
      size: size,
      marginRight: 2,
      disabled: true
    }), /*#__PURE__*/React.createElement(Checkbox, {
      size: size,
      marginRight: 2,
      disabled: true,
      checked: true
    }), /*#__PURE__*/React.createElement(Checkbox, {
      size: size,
      marginRight: 2,
      indeterminate: true
    }), /*#__PURE__*/React.createElement(Checkbox, {
      size: size,
      marginRight: 2,
      indeterminate: true,
      disabled: true
    }), /*#__PURE__*/React.createElement(Checkbox, {
      size: size,
      marginRight: 2,
      label: "This is the label"
    }));
  }));
};