"use strict";

var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));

require("./demo4.css");

var _index = _interopRequireDefault(require("../index"));

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(_index["default"], {
  content: "hot",
  style: {
    backgroundColor: '#FC0E3D',
    color: '#FFFFFF'
  }
}, /*#__PURE__*/_react["default"].createElement("a", {
  href: "#",
  className: "head-example"
})), /*#__PURE__*/_react["default"].createElement(_index["default"], {
  content: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
    type: "error"
  }),
  style: {
    backgroundColor: 'transparent',
    color: 'red',
    padding: 0
  }
}, /*#__PURE__*/_react["default"].createElement("a", {
  href: "#",
  className: "head-example"
}))), document.getElementById('badge-demo-4'));