function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import Protypes from 'prop-types';
import React from 'react';
export var DeleteIcon = function DeleteIcon(props) {
  return /*#__PURE__*/React.createElement("div", _extends({
    className: "rmc-icon-container"
  }, props), /*#__PURE__*/React.createElement("div", {
    className: "rmc-remove"
  }), /*#__PURE__*/React.createElement("style", {
    jsx: "true"
  }, "\n      .rmc-icon-container {\n        width: 15px;\n        height: 15px;\n        cursor: pointer;\n        float: right;\n        background:#262626;\n        opacity: 0.8;\n      }\n      .rmc-remove {\n        color: white;\n        position: absolute;\n        margin-top: 6px;\n      }\n\n      .rmc-remove:hover {\n        cursor: pointer;\n      }\n\n      .rmc-remove:before {\n        content: '';\n        position: absolute;\n        width: 15px;\n        height: 1px;\n        background-color: currentColor;\n        -webkit-transform: rotate(45deg);\n                transform: rotate(45deg);\n      }\n\n      .rmc-remove:after {\n        content: '';\n        position: absolute;\n        width: 15px;\n        height: 1px;\n        background-color: currentColor;\n        -webkit-transform: rotate(-45deg);\n                transform: rotate(-45deg);\n      }\n    "));
};
export var NumberIcon = function NumberIcon(_ref) {
  var number = _ref.number;
  return /*#__PURE__*/React.createElement("div", {
    className: "rmc-number"
  }, number, /*#__PURE__*/React.createElement("style", {
    jsx: "true"
  }, "\n      .rmc-number {\n        height: 15px;\n        float: left;\n        font-size: 12px;\n        background:#262626;\n        text-align: center;\n        line-height: 15px;\n        color: white;\n        opacity: 0.8;\n      }\n    "));
};
var number = Protypes.number;
NumberIcon.propTypes = {
  number: number
};
NumberIcon.defaultProps = {
  number: ''
};