import { computed as i, resolveComponent as w, createElementBlock as s, openBlock as p, createElementVNode as r, renderSlot as n, Fragment as h, renderList as f, createCommentVNode as y, createVNode as S, normalizeClass as C, withCtx as N, createTextVNode as V, toDisplayString as d } from "vue";
import { _ as k } from "./install-BuMO14Rb.js";
const x = { class: "wt-stepper" }, b = { class: "wt-stepper-header" }, g = { class: "wt-stepper-steps" }, B = { class: "wt-stepper-steps__wrapper" }, E = { class: "wt-stepper-description" }, $ = {
  __name: "wt-stepper",
  props: {
    /**
     * An array of displayed steps. May include "name", "description", "completed"
     * @type {Array}
     */
    steps: {
      type: Array,
      required: !0
    },
    /**
     * All past and active steps are marked with "accent-secondary-color"
     * @type {number}
     * @default 1
     */
    activeStep: {
      type: Number,
      default: 1
    }
  },
  setup(a) {
    const e = a, l = i(
      () => e.steps[e.activeStep - 1].description
    ), _ = i(
      () => e.steps.map((t, o) => ({
        ...t,
        completed: e.activeStep > o
      }))
    );
    return (t, o) => {
      const m = w("wt-chip");
      return p(), s("div", x, [
        r("div", b, [
          r("div", g, [
            (p(!0), s(h, null, f(_.value, ({ name: u, completed: c }, v) => (p(), s("div", B, [
              v !== 0 ? (p(), s("div", {
                key: 0,
                class: C([{ "wt-stepper-steps__divider--completed": c }, "wt-stepper-steps__divider"])
              }, null, 2)) : y("", !0),
              S(m, {
                color: c ? "primary" : "secondary",
                class: "wt-stepper-steps__item"
              }, {
                default: N(() => [
                  V(d(u), 1)
                ], void 0, !0),
                _: 2
              }, 1032, ["color"])
            ]))), 256))
          ])
        ]),
        n(t.$slots, "description", {}, () => [
          r("p", E, d(l.value), 1)
        ], !0),
        n(t.$slots, "main", {}, void 0, !0)
      ]);
    };
  }
}, A = /* @__PURE__ */ k($, [["__scopeId", "data-v-7b06c506"]]);
export {
  A as default
};
