"use strict";

require("./demo1.css");

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

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

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

var _2 = require("../..");

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

var Item = _["default"].Item;
var menu = ['Undo', 'Redo', 'Cut', 'Copy', 'Paste'].map(function (item) {
  return /*#__PURE__*/_react["default"].createElement(Item, {
    key: item
  }, item);
});

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_2.Box, {
  direction: "row",
  align: "center",
  spacing: 20,
  style: {
    marginBottom: 20
  }
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "label"
}, "Large:"), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "large",
  label: "Edit Document"
}, menu), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "large",
  label: "Edit Document",
  type: "secondary"
}, menu)), /*#__PURE__*/_react["default"].createElement(_2.Box, {
  direction: "row",
  align: "center",
  spacing: 20,
  style: {
    marginBottom: 20
  }
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "label"
}, "Medium:"), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "medium",
  label: "Edit Document"
}, menu), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "medium",
  label: "Edit Document",
  type: "secondary"
}, menu)), /*#__PURE__*/_react["default"].createElement(_2.Box, {
  direction: "row",
  align: "center",
  spacing: 20,
  style: {
    marginBottom: 20
  }
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "label"
}, "Small:"), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "small",
  label: "Edit Document"
}, menu), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "small",
  label: "Edit Document",
  type: "secondary"
}, menu)), /*#__PURE__*/_react["default"].createElement(_2.Box, {
  direction: "row",
  align: "center",
  spacing: 20,
  style: {
    marginBottom: 20
  }
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "label"
}, "XS:"), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "xs",
  label: "Edit Document"
}, menu), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "xs",
  label: "Edit Document",
  type: "secondary"
}, menu))), document.getElementById('split-button-demo-1'));