jobiqo-cl/lib/src/components/04-organisms/06-wizard/wizard-steps-info/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);
var CheckDouble = require('../../../../icons/CheckDouble.js');
var index$1 = require('../context/index.js');
var index$3 = require('../styles/index.js');

/**
 * @file index.tsx
 *
 * @fileoverview Renders the title for each step.
 */
const WizardStepsInfo = () => {
    const wizardContext = React.useContext(index$1.WizardContext);
    const { currentStep, steps } = wizardContext;
    return (React__default.createElement(index$3.WizardSteps, null, steps.map((stepInfo, index) => (React__default.createElement(React__default.Fragment, { key: index },
        React__default.createElement(index$3.WizardStep, null,
            React__default.createElement(index$3.WizardStepNumber, { active: index <= currentStep - 1 }, index < currentStep - 1 ? (React__default.createElement(CheckDouble.CheckDoubleIcon, { height: "12", width: "12", title: "Checked" })) : (index + 1)),
            React__default.createElement("span", null, stepInfo)),
        index < steps.length - 1 && (React__default.createElement(index$3.WizardConnector, null,
            React__default.createElement("span", null))))))));
};

exports.WizardStepsInfo = WizardStepsInfo;