@postenbring/hedwig-react
Version:
React components for [Hedwig Design System](https://github.com/bring/hedwig-design-system).
43 lines (41 loc) • 1.26 kB
JavaScript
import {
inertPropValue
} from "./chunk-3V4GFS46.mjs";
import {
AccordionItemContext
} from "./chunk-YQFL5UN4.mjs";
import {
__objRest,
__spreadProps,
__spreadValues
} from "./chunk-YOSPWY5K.mjs";
// src/accordion/accordion-content.tsx
import { forwardRef, useContext } from "react";
import { clsx } from "@postenbring/hedwig-css/typed-classname";
import { jsx } from "react/jsx-runtime";
var AccordionContent = forwardRef(
(_a, ref) => {
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
const context = useContext(AccordionItemContext);
if (context === null) {
return null;
}
return /* @__PURE__ */ jsx(
"div",
__spreadProps(__spreadValues(__spreadProps(__spreadValues({
id: context.contentId,
"data-state": context.open ? "open" : "closed"
}, { inert: inertPropValue(!context.open) }), {
className: clsx("hds-accordion-item-content", className),
ref
}), rest), {
children: /* @__PURE__ */ jsx("div", { className: clsx("hds-accordion-item-content-inner"), children })
})
);
}
);
AccordionContent.displayName = "Accordion.Content";
export {
AccordionContent
};
//# sourceMappingURL=chunk-SO7TS4TS.mjs.map