@anoki/fse-marche-ui/dist/index.es40.js

FSE UI components library

import { j as s } from "./index.es137.js";
import { Title as c, Close as d } from "./index.es181.js";
import './components/ui/ProgressBar/ProgressBar.css';/* empty css            */
import { clsx as t } from "./index.es139.js";
import { Button as n } from "./index.es25.js";
import { Close as x } from "./index.es79.js";
const g = ({
  closeButton: l = "Chiudi",
  onCloseClick: m,
  title: r,
  stepLabel: o = "di",
  currentStep: a = 1,
  totalSteps: e = 3
}) => /* @__PURE__ */ s.jsxs("div", { className: "text-slate-28", children: [
  /* @__PURE__ */ s.jsxs("header", { className: "ui-modal-header ", children: [
    /* @__PURE__ */ s.jsxs(c, { className: "base-col justify-content-center align-items-center mb-5 pb-x8", children: [
      r && /* @__PURE__ */ s.jsx("div", { className: "fw-bold fs-7 md-fs-custom", children: r }),
      /* @__PURE__ */ s.jsxs("p", { className: "fs-7", children: [
        "Step ",
        /* @__PURE__ */ s.jsx("span", { className: "text-primary fw-bold", children: a }),
        " ",
        o,
        " ",
        e
      ] })
    ] }),
    /* @__PURE__ */ s.jsx(d, { asChild: !0, className: "ui-modal-header-close", children: /* @__PURE__ */ s.jsxs(
      n,
      {
        size: "4",
        textColor: "primary",
        bg: "transparent",
        "aria-label": "Chiudi modale",
        onClick: m,
        children: [
          l,
          /* @__PURE__ */ s.jsx(x, { className: "ml-x8" })
        ]
      }
    ) })
  ] }),
  /* @__PURE__ */ s.jsx("div", { className: "ui-progress-bar mx-x4", children: Array.from({ length: e }, (h, i) => /* @__PURE__ */ s.jsx(
    "div",
    {
      className: t(
        "ui-bar",
        i + 1 <= a ? "bg-primary" : "bg-lightblue-a02"
      ),
      style: {
        width: `${100 / e}%`
      }
    },
    i + 1
  )) })
] });
export {
  g as ProgressBar
};
//# sourceMappingURL=index.es40.js.map