@mantine/core/esm/components/Accordion/AccordionItem/AccordionItem.mjs

React components library focused on usability, accessibility and developer experience

"use client";
import { useProps } from "../../../core/MantineProvider/use-props/use-props.mjs";
import { factory } from "../../../core/factory/factory.mjs";
import { Box } from "../../../core/Box/Box.mjs";
import { useAccordionContext } from "../Accordion.context.mjs";
import { AccordionItemProvider } from "../AccordionItem.context.mjs";
import Accordion_module_default from "../Accordion.module.mjs";
import { jsx } from "react/jsx-runtime";
//#region packages/@mantine/core/src/components/Accordion/AccordionItem/AccordionItem.tsx
const AccordionItem = factory((props) => {
	const { classNames, className, style, styles, vars, value, mod, ...others } = useProps("AccordionItem", null, props);
	const ctx = useAccordionContext();
	return /* @__PURE__ */ jsx(AccordionItemProvider, {
		value: { value },
		children: /* @__PURE__ */ jsx(Box, {
			mod: [{ active: ctx.isItemActive(value) }, mod],
			...ctx.getStyles("item", {
				className,
				classNames,
				styles,
				style,
				variant: ctx.variant
			}),
			...others
		})
	});
});
AccordionItem.displayName = "@mantine/core/AccordionItem";
AccordionItem.classes = Accordion_module_default;
//#endregion
export { AccordionItem };

//# sourceMappingURL=AccordionItem.mjs.map