import { jsxs as t, jsx as a } from "react/jsx-runtime";
import { i as e } from "../../icons-06oXnjRF.js";
import { r as n } from "../../utils--n2yqjCy.js";
import '../../assets/index16.css';const i = "_collapsible_7flaz_1", p = {
  collapsible: i
}, C = ({
  children: s,
  disabled: o,
  label: r
}) => {
  const l = n("--color-primary"), c = o ? void 0 : {
    "--icon-svg": e("chevron").replace("currentColor", l),
    "--icon-svg-open": e("chevron").replace("%3Cpath", "%3Cpath transform='rotate(180 12 12)'").replace("currentColor", l)
  };
  return /* @__PURE__ */ t("details", { className: p.collapsible, open: o || void 0, "data-component": "collapsible", children: [
    /* @__PURE__ */ a("summary", { style: c, children: r && r }),
    s
  ] });
};
export {
  C as Collapsible
};
//# sourceMappingURL=index.js.map
