@centreon/react-components/lib/Icon/IconContent/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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

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

var _classnames2 = _interopRequireDefault(require("classnames"));

var _contentIcons = _interopRequireDefault(require("./content-icons.scss"));

/* eslint-disable react/jsx-filename-extension */

/* eslint-disable jsx-a11y/no-static-element-interactions */

/* eslint-disable jsx-a11y/click-events-have-key-events */

/* eslint-disable react/prop-types */
var IconContent = function IconContent(_ref) {
  var iconContentType = _ref.iconContentType,
      iconContentColor = _ref.iconContentColor,
      loading = _ref.loading,
      onClick = _ref.onClick,
      customClass = _ref.customClass;
  return _react["default"].createElement("span", {
    style: loading ? {
      top: '20%'
    } : {},
    className: (0, _classnames2["default"])(_contentIcons["default"]['content-icon'], (0, _defineProperty2["default"])({}, _contentIcons["default"]["content-icon-".concat(iconContentType)], true), _contentIcons["default"][iconContentColor ? "content-icon-".concat(iconContentColor) : ''], _contentIcons["default"][loading ? 'loading-animation' : ''], _contentIcons["default"][customClass || '']),
    onClick: onClick
  });
};

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