"use strict";

require("./demo1.css");

var _box = _interopRequireDefault(require("../../box"));

var _ = _interopRequireDefault(require(".."));

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

var _reactDom = _interopRequireDefault(require("react-dom"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row"
}, /*#__PURE__*/_react["default"].createElement("label", {
  className: "demo1-box-label"
}, "XL:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "xl"
}, "Checkbox")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row"
}, /*#__PURE__*/_react["default"].createElement("label", {
  className: "demo1-box-label"
}, "Large:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "large"
}, "Checkbox")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row"
}, /*#__PURE__*/_react["default"].createElement("label", {
  className: "demo1-box-label"
}, "Medium:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "medium"
}, "Checkbox")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row"
}, /*#__PURE__*/_react["default"].createElement("label", {
  className: "demo1-box-label"
}, "Small:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "small"
}, "Checkbox"))), document.getElementById('checkbox-demo-1'));