@axa-fr/react-toolkit-form-steps/dist/esm/Step.js

1. [Installation](#installation) 2. [Old Design Steps](#old-design-steps) 3. [New Design Steps](#new-design-steps)

import React from 'react';
import StepDisabled from './StepDisabled';
import StepLink from './StepLink';
import StepCurrent from './StepCurrent';
const Step = ({ number, id, title, classModifier, href, onClick, mode = 'link', className, }) => {
    switch (mode) {
        case 'link':
            return (React.createElement(StepLink, { id: id, href: href, number: number, classModifier: classModifier, className: className, title: title, onClick: onClick }));
        case 'active':
            return (React.createElement(StepCurrent, { id: id, title: title, classModifier: classModifier, className: className, number: number }));
        default:
            return (React.createElement(StepDisabled, { id: id, title: title, classModifier: classModifier, className: className, number: number }));
    }
};
export default Step;