import React from 'react';
import PropTypes from 'prop-types';
import defaults from 'lodash/fp/defaults';
import Icon from '../../atom/icon';
import style from './style.css';
const SkillsChartSideInformationItem = ({
  title,
  value,
  legend,
  icon: iconProps
}) => /*#__PURE__*/React.createElement("div", {
  className: style.InformationElement
}, /*#__PURE__*/React.createElement("div", {
  className: style.titleContainer
}, /*#__PURE__*/React.createElement(Icon, defaults({
  preset: 's'
}, iconProps)), /*#__PURE__*/React.createElement("div", {
  className: style.title
}, title)), /*#__PURE__*/React.createElement("div", {
  className: style.value
}, value), /*#__PURE__*/React.createElement("div", {
  className: style.legend
}, /*#__PURE__*/React.createElement("span", {
  // eslint-disable-next-line react/no-danger
  dangerouslySetInnerHTML: {
    __html: legend
  }
})));
SkillsChartSideInformationItem.propTypes = process.env.NODE_ENV !== "production" ? {
  icon: PropTypes.shape(Icon.propTypes),
  title: PropTypes.string,
  value: PropTypes.string,
  legend: PropTypes.string
} : {};
export default SkillsChartSideInformationItem;
//# sourceMappingURL=index.js.map