@centreon/react-components/lib/MaterialComponents/Icons/IconClose/index.js

react components used by centreon web frontend

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));

var _styles = require("@material-ui/core/styles");

var _MaterialIcon = _interopRequireDefault(require("../MaterialIcon"));

/* eslint-disable react/prop-types */
var Label = (0, _styles.styled)('span')(function () {
  return {
    color: '#009fdf',
    fontSize: 12,
    display: 'inline-block',
    verticalAlign: 'middle',
    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
    fontWeight: 'bold',
    cursor: 'pointer',
    paddingLeft: 5
  };
});
var FloatingIcon = (0, _styles.styled)(_MaterialIcon["default"])(function () {
  return {
    '&:hover': {
      background: '#707070',
      '& svg': {
        color: '#fff'
      }
    }
  };
});
var GreyClose = (0, _styles.styled)(_Close["default"])(function () {
  return {
    margin: 'auto',
    height: '100%',
    width: '100%',
    color: '#424242',
    cursor: 'pointer',
    zIndex: 9
  };
});

function IconClose(_ref) {
  var label = _ref.label,
      rest = (0, _objectWithoutProperties2["default"])(_ref, ["label"]);
  return _react["default"].createElement(FloatingIcon, (0, _extends2["default"])({}, rest, {
    "aria-label": "icon close"
  }), _react["default"].createElement(GreyClose, null), label && _react["default"].createElement(Label, null, label));
}

var _default = IconClose;
exports["default"] = _default;