"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _map = _interopRequireDefault(require("lodash/fp/map"));
var _statusItem = _interopRequireDefault(require("../../atom/status-item"));
var _style = _interopRequireDefault(require("./style.css"));
var _propTypes = _interopRequireDefault(require("./prop-types"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const ReviewHeaderSteps = props => {
  const {
    steps
  } = props;
  const items = _map.default.convert({
    cap: false
  })((step, index) => /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.statusItemContainer,
    key: index
  }, /*#__PURE__*/_react.default.createElement(_statusItem.default, step)), steps);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.wrapper,
    "data-name": "header-steps"
  }, items);
};
ReviewHeaderSteps.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
var _default = exports.default = ReviewHeaderSteps;
//# sourceMappingURL=index.js.map