"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _defaults = _interopRequireDefault(require("lodash/fp/defaults"));
var _icon = _interopRequireDefault(require("../../atom/icon"));
var _style = _interopRequireDefault(require("./style.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const SkillsChartSideInformationItem = ({
  title,
  value,
  legend,
  icon: iconProps
}) => /*#__PURE__*/_react.default.createElement("div", {
  className: _style.default.InformationElement
}, /*#__PURE__*/_react.default.createElement("div", {
  className: _style.default.titleContainer
}, /*#__PURE__*/_react.default.createElement(_icon.default, (0, _defaults.default)({
  preset: 's'
}, iconProps)), /*#__PURE__*/_react.default.createElement("div", {
  className: _style.default.title
}, title)), /*#__PURE__*/_react.default.createElement("div", {
  className: _style.default.value
}, value), /*#__PURE__*/_react.default.createElement("div", {
  className: _style.default.legend
}, /*#__PURE__*/_react.default.createElement("span", {
  // eslint-disable-next-line react/no-danger
  dangerouslySetInnerHTML: {
    __html: legend
  }
})));
SkillsChartSideInformationItem.propTypes = process.env.NODE_ENV !== "production" ? {
  icon: _propTypes.default.shape(_icon.default.propTypes),
  title: _propTypes.default.string,
  value: _propTypes.default.string,
  legend: _propTypes.default.string
} : {};
var _default = exports.default = SkillsChartSideInformationItem;
//# sourceMappingURL=index.js.map