import _extends from 'babel-runtime/helpers/extends';
import React from 'react';
import Protypes from 'prop-types';
export var DeleteIcon = function DeleteIcon(props) {
  return React.createElement(
    'div',
    _extends({ className: 'rmc-icon-container' }, props),
    React.createElement('div', { className: 'rmc-remove' }),
    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 React.createElement(
    'div',
    { className: 'rmc-number' },
    number,
    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: ''
};