import { jsx as s, jsxs as a, Fragment as p } from "react/jsx-runtime";
import { Children as m, cloneElement as c, isValidElement as o, Fragment as i } from "react";
import { cn as x } from "../utils/cn.js";
import { Hr as d } from "./Hr.js";
const f = ({ children: r }) => /* @__PURE__ */ s("div", { className: "flex flex-col gap-y-sw-xl", children: r }), g = ({
  title: r,
  description: l,
  stepNumber: n,
  asideElement: e,
  children: t
}) => /* @__PURE__ */ a(t ? f : i, { children: [
  /* @__PURE__ */ a("div", { className: "flex items-center justify-between py-sw-md", children: [
    /* @__PURE__ */ s("span", { className: "flex items-center justify-center gap-y-sw-lg h-[28px] w-[28px] rounded-full bg-sw-gray-50 text-sw-gray-950 text-sw-label-sm", children: n }),
    /* @__PURE__ */ a("div", { className: "flex flex-col gap-sw-xs mr-auto ml-sw-lg", children: [
      /* @__PURE__ */ s("span", { className: "text-sw-label-md text-sw-gray-50", children: r }),
      /* @__PURE__ */ s("span", { className: "text-sw-label-sm text-sw-gray-200", children: l })
    ] }),
    e
  ] }),
  t
] }), w = ({ className: r, children: l }) => {
  const n = m.toArray(l);
  return /* @__PURE__ */ s("section", { className: x("flex flex-col gap-sw-sm", r), children: m.map(n, (e, t) => /* @__PURE__ */ a(p, { children: [
    /* @__PURE__ */ s(d, {}),
    o(e) ? c(e, {
      stepNumber: e.props.stepNumber ?? t + 1
    }) : e
  ] })) });
}, j = Object.assign(w, { Step: g });
export {
  j as Steps
};
//# sourceMappingURL=Steps.js.map
