@cerberus-design/react
Version:
The Cerberus Design React component library.
40 lines (38 loc) • 1.32 kB
JavaScript
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