"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _style = _interopRequireDefault(require("./style.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const WizardSteps = props => {
  const {
    steps
  } = props;
  const wizard = steps.map((step, index) => {
    return /*#__PURE__*/_react.default.createElement("div", {
      className: (0, _classnames.default)(_style.default.step, step.done && _style.default.done, step.current && _style.default.current),
      key: `step-${index}`,
      "data-step": index,
      "data-name": step.current ? `step-${index}` : `current-step-${index}`
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: _style.default.label
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: _style.default.title,
      "data-name": `step-name`
    }, step.title)), /*#__PURE__*/_react.default.createElement("div", {
      className: _style.default.outerDot
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: _style.default.dot
    }, " ")));
  });
  return /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.container
  }, wizard);
};
WizardSteps.propTypes = process.env.NODE_ENV !== "production" ? {
  steps: _propTypes.default.arrayOf(_propTypes.default.shape({
    title: _propTypes.default.string,
    done: _propTypes.default.bool,
    current: _propTypes.default.bool
  }))
} : {};
var _default = exports.default = WizardSteps;
//# sourceMappingURL=index.js.map