"use strict";

require("./demo5.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 CustomIcon = _["default"].createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_1464085_egnk4s8yv2f.js'
});

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
  className: "icon-list-2"
}, /*#__PURE__*/_react["default"].createElement(CustomIcon, {
  type: "icon-store"
}), /*#__PURE__*/_react["default"].createElement(CustomIcon, {
  type: "icon-pic"
}), /*#__PURE__*/_react["default"].createElement(CustomIcon, {
  type: "icon-gift"
})), /*#__PURE__*/_react["default"].createElement("br", 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(CustomIcon, {
    type: "icon-pic" // @ts-ignore
    ,
    size: size
  }), /*#__PURE__*/_react["default"].createElement("span", null, size));
}))), document.getElementById('icon-demo-5'));