import { jsx as r, jsxs as s } from "react/jsx-runtime";
import t from "../../modules/OurProcess/ourProcess.module.css";
import { HighlightedTitle as l } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
import { Button as n } from "../../components/Button/Button.es.js";
import { StepsCarousel as h } from "../../components/StepsCarousel/StepsCarousel.es.js";
const g = ({ title: a, label: o, colorScheme: i, steps: d, buttonLabel: m, buttonLink: e }) => /* @__PURE__ */ r("section", { className: t.root, "data-scheme": i, children: /* @__PURE__ */ s("div", { className: t.container, children: [
  /* @__PURE__ */ s("div", { className: t.header, children: [
    /* @__PURE__ */ r(l, { title: a, label: o, colorScheme: i }),
    e && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
      n,
      {
        as: "a",
        variant: i === "light" ? "muted" : "muted-invert",
        size: "lg",
        href: e,
        children: m || "How it works"
      }
    ) })
  ] }),
  /* @__PURE__ */ r(h, { steps: d, colorScheme: i })
] }) });
export {
  g as OurProcess
};
