import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, normalizeClass as c, openBlock as l, renderList as u, renderSlot as d, resolveComponent as f, toDisplayString as p, withCtx as m } from "vue";
//#region src/components/wt-stepper/wt-stepper.vue
var h = { class: "wt-stepper" }, g = { class: "wt-stepper-header" }, _ = { class: "wt-stepper-steps" }, v = { class: "wt-stepper-steps__wrapper" }, y = { class: "wt-stepper-description" }, b = /*#__PURE__*/ e({
	__name: "wt-stepper",
	props: {
		steps: {
			type: Array,
			required: !0
		},
		activeStep: {
			type: Number,
			default: 1
		}
	},
	setup(e) {
		let b = e, x = n(() => b.steps[b.activeStep - 1].description), S = n(() => b.steps.map((e, t) => ({
			...e,
			completed: b.activeStep > t
		})));
		return (e, n) => {
			let b = f("wt-chip");
			return l(), i("div", h, [
				a("div", g, [a("div", _, [(l(!0), i(t, null, u(S.value, ({ name: e, completed: t }, n) => (l(), i("div", v, [n === 0 ? r("", !0) : (l(), i("div", {
					key: 0,
					class: c([{ "wt-stepper-steps__divider--completed": t }, "wt-stepper-steps__divider"])
				}, null, 2)), s(b, {
					color: t ? "primary" : "secondary",
					class: "wt-stepper-steps__item"
				}, {
					default: m(() => [o(p(e), 1)], void 0, !0),
					_: 2
				}, 1032, ["color"])]))), 256))])]),
				d(e.$slots, "description", {}, () => [a("p", y, p(x.value), 1)], !0),
				d(e.$slots, "main", {}, void 0, !0)
			]);
		};
	}
}, [["__scopeId", "data-v-7b06c506"]]);
//#endregion
export { b as default };
