@centreon/react-components/lib/MaterialComponents/Icons/IconPowerSettingsDisable/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 _react = _interopRequireDefault(require("react"));

var _PowerSettingsNew = _interopRequireDefault(require("@material-ui/icons/PowerSettingsNew"));

var _styled = _interopRequireDefault(require("@emotion/styled"));

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

var _RoundedInvertedIcon = _interopRequireDefault(require("../RoundedInvertedIcon"));

var RoundedInvertedPowerSettings = (0, _RoundedInvertedIcon["default"])(_PowerSettingsNew["default"]);
var DisablingMaterialIcon = (0, _styled["default"])(_MaterialIcon["default"])(function () {
  return {
    display: 'inline-block',
    verticalAlign: 'middle',
    height: 23,
    width: 23,
    position: 'relative',
    '&::after': {
      content: "''",
      position: 'absolute',
      width: 2,
      height: 30,
      background: '#7f7f7f',
      transform: 'rotate(140deg)',
      left: 9,
      top: -2,
      zIndex: 1
    },
    '&::before': {
      content: "''",
      position: 'absolute',
      width: 4,
      height: 30,
      background: '#fff',
      transform: 'rotate(140deg)',
      left: 9,
      top: -3,
      zIndex: 1
    }
  };
});

function IconPowerSettings(props) {
  return _react["default"].createElement(DisablingMaterialIcon, (0, _extends2["default"])({}, props, {
    "aria-label": "icon enable disable inactive"
  }), _react["default"].createElement(RoundedInvertedPowerSettings, null));
}

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