"use strict";

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

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

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

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

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

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "tag-list",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal"
}, "Normal Tag"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary"
}, "Primary Tag")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    background: '#f3f3f3',
    padding: '10px'
  }
}, /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  className: "tag-list",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "normal",
  theme: "grey"
}, "Normal Tag"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "primary",
  theme: "grey"
}, "Primary Tag")))), document.getElementById('tag-demo-1'));