UNPKG

@postenbring/hedwig-react

Version:

React components for [Hedwig Design System](https://github.com/bring/hedwig-design-system).

40 lines (38 loc) 1.21 kB
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: context.open ? void 0 : "true" }), { 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-5FWY7FIX.mjs.map