@centreon/react-components
Version:
react components used by centreon web frontend
51 lines (40 loc) • 1.96 kB
JavaScript
;
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 _customTitle = _interopRequireDefault(require("./custom-title.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 Title = function Title(_ref) {
var icon = _ref.icon,
label = _ref.label,
title = _ref.title,
titleColor = _ref.titleColor,
customTitleStyles = _ref.customTitleStyles,
onClick = _ref.onClick,
style = _ref.style,
labelStyle = _ref.labelStyle,
children = _ref.children;
return _react["default"].createElement("div", {
className: (0, _classnames2["default"])(_customTitle["default"]['custom-title'], customTitleStyles ? _customTitle["default"]['custom-title-styles'] : ''),
onClick: onClick,
style: style
}, icon ? _react["default"].createElement("span", {
className: (0, _classnames2["default"])(_customTitle["default"]['custom-title-icon'], (0, _defineProperty2["default"])({}, _customTitle["default"]["custom-title-icon-".concat(icon)], true))
}) : null, _react["default"].createElement("div", {
className: _customTitle["default"]['custom-title-label-container']
}, _react["default"].createElement("span", {
className: (0, _classnames2["default"])(_customTitle["default"]['custom-title-label'], _customTitle["default"][titleColor || '']),
style: labelStyle,
title: title || label
}, label), children));
};
var _default = Title;
exports["default"] = _default;