@anoki/fse-ui/dist/index.es113.js

FSE UI components library

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