import { jsx as t, jsxs as n } from "react/jsx-runtime";
import { _ as s } from "./twind.BLUk_ZzT.js";
import { forwardRef as m } from "react";
import { b as p } from "./use-section-style.Cg6VYj5D.js";
const v = m(({ brick: r }, d) => {
  const i = p(r), { props: e } = r, c = Array.isArray(e.items) ? e.items : [];
  return /* @__PURE__ */ t("div", { className: s("collapse-container", i.container), children: c.map((a, o) => {
    var l;
    return /* @__PURE__ */ n("div", { className: s("collapse", e.variants, (l = e.itemsStyles) == null ? void 0 : l.fontSize), children: [
      !e.allowMultiple && /* @__PURE__ */ t("input", { type: "radio", name: `accordion-${o}`, defaultChecked: o === 0 }),
      /* @__PURE__ */ t("div", { className: s("collapse-title font-semibold"), children: a.title }),
      /* @__PURE__ */ t("div", { className: s("collapse-content text-[90%]"), children: a.content })
    ] }, o);
  }) });
});
export {
  v as default
};
//# sourceMappingURL=accordion.B2OH7xVW.js.map
