@centreon/react-components/lib/Custom/CustomIconWithText/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 _classnames = _interopRequireDefault(require("classnames"));

var _customIconWithText = _interopRequireDefault(require("./custom-icon-with-text.scss"));

var _smallLogo = _interopRequireDefault(require("../../../img/icons/small-logo.png"));

/* 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 CustomIconWithText = function CustomIconWithText(_ref) {
  var label = _ref.label,
      image = _ref.image,
      onClick = _ref.onClick,
      iconOff = _ref.iconOff;
  return _react["default"].createElement("span", {
    className: (0, _classnames["default"])(_customIconWithText["default"]['custom-multiple']),
    onClick: onClick
  }, _react["default"].createElement("img", (0, _extends2["default"])({
    className: (0, _classnames["default"])(_customIconWithText["default"]['custom-multiple-icon'])
  }, !iconOff ? {
    src: image || _smallLogo["default"]
  } : {})), _react["default"].createElement("span", {
    style: {
      paddingLeft: '6px'
    },
    className: (0, _classnames["default"])(_customIconWithText["default"]['custom-multiple-text'])
  }, label));
};

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