UNPKG

@carton-org/react-neumorphism

Version:

A React component library implementing the neumorphism design style

25 lines (24 loc) 945 B
import { jsx as n } from "@emotion/react/jsx-runtime"; import { withTheme as h } from "@emotion/react"; import { forwardRef as A, useState as $ } from "react"; import I from "./AccordionItem.js"; import { StyledAccordion as S } from "./accordion.styles.js"; const w = A(({ items: e, border: t = !1, enableUniqueOpen: i = !1, size: a = "sm", accordionStyle: p, accordionItemTitleStyle: c, accordionItemContentStyle: l, accordionItemContainerStyle: m, ...f }, s) => { const [d, O] = $(e.map((o) => o.initiallyOpen ?? !1)), u = (o) => { i && O(e.map((r, y) => y === o)); }; return /* @__PURE__ */ n(S, { ref: s, $border: t, $accordionStyle: p, ...f, children: e.map((o, r) => /* @__PURE__ */ n(I, { initiallyOpen: d[r] ?? o.initiallyOpen, onOpen: () => u(r), size: a, accordionItemTitleStyle: c, accordionItemContentStyle: l, accordionItemContainerStyle: m, ...o }, `${r}`)) }); }), g = h(w); export { g as default };