@carton-org/react-neumorphism
Version:
A React component library implementing the neumorphism design style
25 lines (24 loc) • 945 B
JavaScript
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
};