@aliretail/cuckoo-official-retailforce-form-combo/es/components/Editor/lib/Icons.js

official-retailforce-form-combo

import _extends from "@babel/runtime/helpers/extends";
import React from 'react';
import Protypes from 'prop-types';
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        background:#262626;\n        opacity: 0.8;\n        display: none;\n        z-index: 0;\n        position: absolute;\n        top: 0;\n        right: 0;\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        width: 15px;\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: ''
};