import React from 'react';
import map from 'lodash/fp/map';
import StatusItem from '../../atom/status-item';
import style from './style.css';
import propTypes from './prop-types';
const ReviewHeaderSteps = props => {
  const {
    steps
  } = props;
  const items = map.convert({
    cap: false
  })((step, index) => /*#__PURE__*/React.createElement("div", {
    className: style.statusItemContainer,
    key: index
  }, /*#__PURE__*/React.createElement(StatusItem, step)), steps);
  return /*#__PURE__*/React.createElement("div", {
    className: style.wrapper,
    "data-name": "header-steps"
  }, items);
};
ReviewHeaderSteps.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
export default ReviewHeaderSteps;
//# sourceMappingURL=index.js.map