import { t as e } from "./utils-CHlhTiFC.js";
import { t } from "./check-BgqCbxkW.js";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region src/components/ui/stepper.tsx
function i({ className: i, steps: a, currentStep: o = 0, unfinishedStepsClassName: s, finishedStepsClassName: c, activeStepsClassName: l, ...u }) {
	return /* @__PURE__ */ n("ol", {
		...u,
		className: e("flex items-center list-none w-full text-base text-center text-primary-gray-700 dark:text-primary-white justify-between gap-3", i),
		children: a.map((i, u) => /* @__PURE__ */ n("li", {
			className: e("flex items-center grow", u === a.length - 1 ? "grow-0" : "grow", u + 1 < o ? c : u + 1 === o ? l : s),
			children: /* @__PURE__ */ r("div", {
				className: "flex items-center gap-3 grow",
				children: [
					/* @__PURE__ */ n("div", {
						className: e("w-8 h-8 rounded-full flex items-center justify-center shrink-0", u + 1 < o ? "bg-primary-blue-600 dark:bg-primary-blue-300" : u + 1 === o ? "bg-primary-gray-600 dark:bg-primary-gray-550" : "bg-primary-gray-300 dark:bg-primary-gray-650"),
						children: u + 1 < o ? /* @__PURE__ */ n(t, { className: "h-4 w-4 shrink-0 stroke-primary-white dark:stroke-primary-gray-700" }) : /* @__PURE__ */ n("div", {
							className: u + 1 === o ? "text-sm text-primary-white" : "text-sm text-primary-gray-700 dark:text-primary-white",
							children: u + 1
						})
					}),
					/* @__PURE__ */ r("div", {
						className: "flex flex-col shrink-0",
						children: [/* @__PURE__ */ n("div", {
							className: e("text-base text-left rtl:text-right font-normal", u + 1 < o ? "text-primary-blue-600 dark:text-primary-blue-300" : "text-primary-gray-700 dark:text-primary-white"),
							children: i.title
						}), i.description ? /* @__PURE__ */ n("div", {
							className: e("text-sm text-primary-gray-500 text-left rtl:text-right dark:text-primary-gray-400"),
							children: i.description
						}) : null]
					}),
					u === a.length - 1 ? null : /* @__PURE__ */ n("div", { className: "h-px bg-primary-gray-400 grow w-full dark:bg-primary-gray-550" })
				]
			})
		}, i.title))
	});
}
//#endregion
export { i as Stepper };

//# sourceMappingURL=Stepper.js.map