sccoreui
Version:
ui-sccore
25 lines (24 loc) • 1.46 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const progress_steps_1 = tslib_1.__importDefault(require("../../components/progress-steps/progress-steps"));
const ProgressStepsComponent = () => {
const itemTemplate = (label, description) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 font-semibold" }, { children: label })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-600 font-normal" }, { children: description }))] }));
const items = [
{
id: "1",
template: itemTemplate("Your Details", "Provide Your Details"),
},
{
id: "2",
template: itemTemplate("Company details", "A few details of your company"),
},
{
id: "3",
template: itemTemplate("Invite your team", "Start collaborating"),
},
];
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column align-items-center justify-content-between gap-5 h-30rem" }, { children: [(0, jsx_runtime_1.jsx)(progress_steps_1.default, { stepsItems: items }), (0, jsx_runtime_1.jsx)(progress_steps_1.default, { stepsItems: items, orientation: "vertical" })] })));
};
exports.default = ProgressStepsComponent;