import { useControllableState } from "./index11.js";
import { AccordionContent, AccordionItem, AccordionNamespace, AccordionTrigger } from "./index398.js";
import { jsx } from "react/jsx-runtime";
//#region src/components/molecules/navigation/Accordion/Accordion.tsx
function Accordion({ value: controlledValue, defaultValue = [], onValueChange, multiple = false, children, ...props }) {
	const [value, handleValueChange] = useControllableState({
		value: controlledValue,
		defaultValue,
		onChange: onValueChange
	});
	return /* @__PURE__ */ jsx(AccordionNamespace, {
		value,
		onValueChange: handleValueChange,
		multiple,
		...props,
		children
	});
}
Accordion.displayName = "Accordion";
/**
* Accordion compound component with dot notation access to sub-components.
*
* @example
* ```tsx
* <Accordion>
*   <Accordion.Item value="item-1">
*     <Accordion.Trigger>Section 1</Accordion.Trigger>
*     <Accordion.Content>Content 1</Accordion.Content>
*   </Accordion.Item>
* </Accordion>
* ```
*/
var AccordionCompound = Object.assign(Accordion, {
	Root: Accordion,
	Item: AccordionItem,
	Trigger: AccordionTrigger,
	Content: AccordionContent
});
//#endregion
export { AccordionCompound };

//# sourceMappingURL=index399.js.map