@axa-fr/react-toolkit-form-steps
Version:
1. [Installation](#installation) 2. [Old Design Steps](#old-design-steps) 3. [New Design Steps](#new-design-steps)
21 lines (20 loc) • 1.21 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const StepDisabled_1 = __importDefault(require("./StepDisabled"));
const StepLink_1 = __importDefault(require("./StepLink"));
const StepCurrent_1 = __importDefault(require("./StepCurrent"));
const Step = ({ number, id, title, classModifier, href, onClick, mode = 'link', className, }) => {
switch (mode) {
case 'link':
return (react_1.default.createElement(StepLink_1.default, { id: id, href: href, number: number, classModifier: classModifier, className: className, title: title, onClick: onClick }));
case 'active':
return (react_1.default.createElement(StepCurrent_1.default, { id: id, title: title, classModifier: classModifier, className: className, number: number }));
default:
return (react_1.default.createElement(StepDisabled_1.default, { id: id, title: title, classModifier: classModifier, className: className, number: number }));
}
};
exports.default = Step;