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

FSE UI components library

import { j as o } from "./index.es278.js";
import { useToggle as a } from "./index.es331.js";
import { Col as s } from "./index.es82.js";
import { Row as l } from "./index.es219.js";
import { ActionIconText as m } from "./index.es9.js";
import { ArrowDown as x } from "./index.es19.js";
const u = ({ title: r, toggleableLabel: t = "", children: n, defaultOpen: c = !0 }) => {
  const [e, i] = a(c);
  return /* @__PURE__ */ o.jsxs(s, { className: "bg-lightblue-a03 p-x20 br-x8 shadow-sm", children: [
    /* @__PURE__ */ o.jsxs(l, { justifyContent: "space-between", className: "mb-x24", alignItems: "center", children: [
      /* @__PURE__ */ o.jsxs(s, { gap: "x4", children: [
        /* @__PURE__ */ o.jsx("h2", { className: "fs-5 fw-bold text-slate-100", children: r }),
        !e && /* @__PURE__ */ o.jsx("p", { className: "fs-6 fw-regular text-slate-80", children: t })
      ] }),
      /* @__PURE__ */ o.jsx(m, { textLabel: "", iconColor: "slate-20", handleAction: i, icon: /* @__PURE__ */ o.jsx(x, { className: `cursor-pointer ${e ? "rotate-180" : ""}` }) })
    ] }),
    e && /* @__PURE__ */ o.jsx(s, { children: n })
  ] });
};
export {
  u as AccordionContainer
};
//# sourceMappingURL=index.es6.js.map