"use strict";

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

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("div", {
  className: "icon-style-demo"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "success",
  style: {
    color: '#1DC11D',
    marginRight: '10px'
  }
}), "This is a success message!"), /*#__PURE__*/_react["default"].createElement("div", {
  className: "icon-style-demo"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "warning",
  style: {
    color: '#FFA003',
    marginRight: '10px'
  }
}), "This is a warning message!"), /*#__PURE__*/_react["default"].createElement("div", {
  className: "icon-style-demo"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  type: "error",
  style: {
    color: '#FF3333',
    marginRight: '10px'
  }
}), "This is a failure message!")), document.getElementById('icon-demo-4'));