"use strict";

exports.__esModule = true;
exports.default = void 0;
var _map2 = _interopRequireDefault(require("lodash/fp/map"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _skillsChartSideInformationItem = _interopRequireDefault(require("../skills-chart-side-information-item"));
var _style = _interopRequireDefault(require("./style.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
const SkillsChartSideInformationPanel = ({
  sidePanelItems = []
}) => {
  const sidePanel = (0, _map2.default)(sidePanelItemProps => /*#__PURE__*/_react.default.createElement(_skillsChartSideInformationItem.default, _extends({}, sidePanelItemProps, {
    key: `side-panel-item-${sidePanelItemProps.title}`
  })), sidePanelItems);
  return /*#__PURE__*/_react.default.createElement("div", {
    "data-name": "skill-chart-side-panel",
    className: _style.default.sidePanel
  }, sidePanel);
};
SkillsChartSideInformationPanel.propTypes = process.env.NODE_ENV !== "production" ? {
  sidePanelItems: _propTypes.default.arrayOf(_propTypes.default.shape(_skillsChartSideInformationItem.default.propTypes))
} : {};
var _default = exports.default = SkillsChartSideInformationPanel;
//# sourceMappingURL=index.js.map