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

FSE UI components library

import { j as o } from "./index.es244.js";
import { useState as c } from "react";
import { StepItem as f } from "./index.es420.js";
import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
import S from "./index.es422.js";
const h = ({
  steps: s,
  mainTitle: l,
  toggleStepsLabels: r,
  toggleSingleStepsLabel: m
}) => {
  const [n, a] = c(
    s.map((e, t) => t === 0)
  ), [p, i] = c(!1), g = () => {
    const e = !p;
    a(s.map(() => e)), i(e);
  }, d = (e) => {
    const t = [...n];
    t[e] = !t[e], a(t);
  };
  return /* @__PURE__ */ o.jsxs("div", { className: "accordion-stepper", children: [
    l && /* @__PURE__ */ o.jsx("h2", { className: "mainTitle fs-x40 fw-bold", children: l }),
    /* @__PURE__ */ o.jsx(
      S,
      {
        className: "toggle-all",
        onClick: g,
        isOpen: p,
        toggleLabels: r
      }
    ),
    s.map((e, t) => /* @__PURE__ */ o.jsx(
      f,
      {
        index: t,
        title: e.title,
        content: e.content,
        isOpen: n[t],
        detailLabels: m,
        onToggle: () => d(t)
      },
      t
    ))
  ] });
};
export {
  h as AccordionStepper
};
//# sourceMappingURL=index.es116.js.map