'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.NumberIcon = exports.DeleteIcon = undefined;

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var DeleteIcon = exports.DeleteIcon = function DeleteIcon(props) {
  return _react2['default'].createElement(
    'div',
    (0, _extends3['default'])({ className: 'rmc-icon-container' }, props),
    _react2['default'].createElement('div', { className: 'rmc-remove' }),
    _react2['default'].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    '
    )
  );
};
var NumberIcon = exports.NumberIcon = function NumberIcon(_ref) {
  var number = _ref.number;
  return _react2['default'].createElement(
    'div',
    { className: 'rmc-number' },
    number,
    _react2['default'].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 = _propTypes2['default'].number;

NumberIcon.propTypes = {
  number: number
};
NumberIcon.defaultProps = {
  number: ''
};