flexacore-ui-dev
Version:
Universal UI Framework for CDN, React, Angular, Vue, Svelte with TypeScript support
15 lines (14 loc) • 1.15 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FCStepper = void 0;
const react_1 = __importDefault(require("react"));
const FCStepper = ({ steps, activeStep, onStepChange, className = '', ...rest }) => {
var _a;
return (react_1.default.createElement("div", { className: ['fc-stepper', className].filter(Boolean).join(' '), ...rest },
react_1.default.createElement("div", { className: "fc-stepper-list" }, steps.map((step, idx) => (react_1.default.createElement("button", { key: step.key, className: ['fc-step', activeStep === step.key ? 'fc-step-active' : '', idx === 0 ? 'fc-step-first' : '', idx === steps.length - 1 ? 'fc-step-last' : ''].filter(Boolean).join(' '), onClick: () => onStepChange(step.key), type: "button" }, step.label)))),
react_1.default.createElement("div", { className: "fc-stepper-content" }, (_a = steps.find(step => step.key === activeStep)) === null || _a === void 0 ? void 0 : _a.content)));
};
exports.FCStepper = FCStepper;