UNPKG

@postenbring/hedwig-react

Version:

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

43 lines (41 loc) 1.26 kB
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