"use strict";

require("./demo3.css");

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

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

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

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

var sizes = ['xxs', 'xs', 'small', 'medium', 'large', 'xl', 'xxl', 'xxxl'];
var inherit = 'inherit';

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("ul", {
  className: "icon-sizes"
}, sizes.map(function (size, index) {
  return /*#__PURE__*/_react["default"].createElement("li", {
    key: index
  }, /*#__PURE__*/_react["default"].createElement(_["default"], {
    type: "smile" // @ts-ignore
    ,
    size: size
  }), /*#__PURE__*/_react["default"].createElement("span", null, size));
})), /*#__PURE__*/_react["default"].createElement("span", null, inherit), /*#__PURE__*/_react["default"].createElement("h4", null, "Shall I compare thee to a summer's day? ", /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "smile",
  size: inherit
}), " ", /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "set",
  size: inherit
})), /*#__PURE__*/_react["default"].createElement("h3", null, "Thou art more lovely and more temperate. ", /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "smile",
  size: inherit
}), " ", /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "set",
  size: inherit
})), /*#__PURE__*/_react["default"].createElement("h2", null, "Rough winds do shake the darling buds of May,  ", /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "smile",
  size: inherit
}), " ", /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "set",
  size: inherit
})), /*#__PURE__*/_react["default"].createElement("h1", null, "And summer's lease hath all too short a date.  ", /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "smile",
  size: inherit
}), " ", /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "set",
  size: inherit
}))), document.getElementById('icon-demo-3'));