UNPKG

@cerberus-design/react

Version:

The Cerberus Design React component library.

40 lines (38 loc) 1.32 kB
import { AccordionChevronItemIndicator } from "./chunk-FVADFCAE.js"; import { AccordionParts } from "./chunk-3UIV3HMB.js"; import { Show } from "./chunk-NUXMADXV.js"; import { splitProps } from "./chunk-BL7G3577.js"; // src/components/accordion/item-group.tsx import { jsx, jsxs } from "react/jsx-runtime"; function Accordion(props) { return /* @__PURE__ */ jsx(AccordionParts.Root, { ...props }); } function AccordionItemGroup(props) { const [groupProps, itemProps] = splitProps(props, [ "heading", "children", "indicatorPosition" ]); const indicatorPosition = groupProps.indicatorPosition ?? "end"; return /* @__PURE__ */ jsxs(AccordionParts.Item, { ...itemProps, children: [ /* @__PURE__ */ jsxs(AccordionParts.ItemTrigger, { "data-indicator-position": indicatorPosition, children: [ /* @__PURE__ */ jsx(Show, { when: indicatorPosition === "start", children: /* @__PURE__ */ jsx(AccordionChevronItemIndicator, {}) }), groupProps.heading, /* @__PURE__ */ jsx(Show, { when: indicatorPosition === "end", children: /* @__PURE__ */ jsx(AccordionChevronItemIndicator, {}) }) ] }), /* @__PURE__ */ jsx(AccordionParts.ItemContent, { children: groupProps.children }) ] }); } export { Accordion, AccordionItemGroup }; //# sourceMappingURL=chunk-KZVCQNZI.js.map