@anoki/fse-ui
Version:
FSE UI components library
35 lines (34 loc) • 994 B
JavaScript
import { j as o } from "./index.es237.js";
import { useState as a } from "react";
import { StepItemGenericAccordion as m } from "./index.es290.js";
import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css */
import { SectionHeading as p } from "./index.es123.js";
const S = ({
mainTitle: r,
steps: n
}) => {
const [c, s] = a(
n.map((t, e) => e === 0)
), i = (t) => {
const e = [...c];
e[t] = !e[t], s(e);
};
return /* @__PURE__ */ o.jsxs("section", { className: "generic-accordion", children: [
/* @__PURE__ */ o.jsx(p, { title: r, fs: "4", mdFs: "2" }),
/* @__PURE__ */ o.jsx("div", { className: "steps-container", children: n.map((t, e) => /* @__PURE__ */ o.jsx(
m,
{
title: t.title,
badge: t.badge,
content: t.content,
isOpen: c[e],
onToggle: () => i(e)
},
e
)) })
] });
};
export {
S as GenericAccordion
};
//# sourceMappingURL=index.es16.js.map