"use strict";

require("./demo1.css");

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

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

var _icon = _interopRequireDefault(require("../../icon"));

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("div", null, /*#__PURE__*/_react["default"].createElement("h3", null, /*#__PURE__*/_react["default"].createElement("strong", null, "\u4E3B\u8981\u6309\u94AE/\u6B21\u7EA7\u6309\u94AE/\u4E09\u7EA7\u6309\u94AE\uFF1A")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "XL:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "xl"
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "xl"
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "xl"
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "Large:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "large"
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "large"
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "large"
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "Medium:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "medium"
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "medium"
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "medium"
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "Small:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "small"
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "small"
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "small"
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "XS:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "xs"
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "xs"
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "xs"
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement("h3", null, /*#__PURE__*/_react["default"].createElement("strong", null, "\u6587\u672C\u6309\u94AE\uFF1A")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "XL:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "xl",
  text: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "xl",
  text: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "xl",
  text: true
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "Large:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "large",
  text: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "large",
  text: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "large",
  text: true
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "Medium:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "medium",
  text: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "medium",
  text: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "medium",
  text: true
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "Small:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "small",
  text: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "small",
  text: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "small",
  text: true
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "XS:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "xs",
  text: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "xs",
  text: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "xs",
  text: true
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement("h3", null, /*#__PURE__*/_react["default"].createElement("strong", null, "\u8B66\u544A\u6309\u94AE\uFF1A")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "XL:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "xl",
  warning: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "xl",
  warning: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "xl",
  warning: true
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "Large:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "large",
  warning: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "large",
  warning: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "large",
  warning: true
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "Medium:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "medium",
  warning: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "medium",
  warning: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "medium",
  warning: true
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "Small:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "small",
  warning: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "small",
  warning: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "small",
  warning: true
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "XS:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "xs",
  warning: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "xs",
  warning: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "xs",
  warning: true
}, "\u4E09\u7EA7\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement("h3", null, /*#__PURE__*/_react["default"].createElement("strong", null, "\u7981\u7528\u72B6\u6001\uFF1A")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "XL:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "xl",
  disabled: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "xl",
  disabled: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "xl",
  disabled: true
}, "\u4E09\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "xl",
  text: true,
  disabled: true
}, "\u4E3B\u8981\u6587\u672C\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "xl",
  text: true,
  disabled: true
}, "\u6B21\u7EA7\u6587\u672C\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "xl",
  text: true,
  disabled: true
}, "\u4E09\u7EA7\u6587\u672C\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "Large:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "large",
  disabled: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "large",
  disabled: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "large",
  disabled: true
}, "\u4E09\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "large",
  text: true,
  disabled: true
}, "\u4E3B\u8981\u6587\u672C\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "large",
  text: true,
  disabled: true
}, "\u6B21\u7EA7\u6587\u672C\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "large",
  text: true,
  disabled: true
}, "\u4E09\u7EA7\u6587\u672C\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "Medium:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "medium",
  disabled: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "medium",
  disabled: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "medium",
  disabled: true
}, "\u4E09\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "medium",
  text: true,
  disabled: true
}, "\u4E3B\u8981\u6587\u672C\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "medium",
  text: true,
  disabled: true
}, "\u6B21\u7EA7\u6587\u672C\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "medium",
  text: true,
  disabled: true
}, "\u4E09\u7EA7\u6587\u672C\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "Small:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "small",
  disabled: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "small",
  disabled: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "small",
  disabled: true
}, "\u4E09\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "small",
  text: true,
  disabled: true
}, "\u4E3B\u8981\u6587\u672C\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "small",
  text: true,
  disabled: true
}, "\u6B21\u7EA7\u6587\u672C\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "small",
  text: true,
  disabled: true
}, "\u4E09\u7EA7\u6587\u672C\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "XS:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "xs",
  disabled: true
}, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "xs",
  disabled: true
}, "\u6B21\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "xs",
  disabled: true
}, "\u4E09\u7EA7\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  size: "xs",
  text: true,
  disabled: true
}, "\u4E3B\u8981\u6587\u672C\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "xs",
  text: true,
  disabled: true
}, "\u6B21\u7EA7\u6587\u672C\u6309\u94AE"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "xs",
  text: true,
  disabled: true
}, "\u4E09\u7EA7\u6587\u672C\u6309\u94AE")), /*#__PURE__*/_react["default"].createElement("h3", null, /*#__PURE__*/_react["default"].createElement("strong", null, "icon\u6309\u94AE\uFF1A")), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "demo1-btn-row",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "demo1-btn-label"
}, "Large:"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "secondary",
  size: "xl",
  icon: true
}, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
  type: "add"
})), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "xl",
  icon: true
}, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
  type: "add"
})), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  size: "xl",
  icon: true,
  disabled: true
}, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
  type: "add"
})))), document.getElementById('button-demo-1'));