@kubit-ui-web/react-components/dist/esm/components/accordion/accordionUnControlled.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import { jsx as _jsx } from "react/jsx-runtime";
import React from 'react';
import { AccordionControlled } from './accordionControlled';
const AccordionUnControlledComponent = ({ children, defaultOpen = false, triggerButton, onOpenClose, ...props }, ref) => {
    const [isOpen, setIsOpen] = React.useState(defaultOpen);
    const handleTriggerButtonClick = e => {
        const newToggleState = !isOpen;
        setIsOpen(newToggleState);
        onOpenClose?.(newToggleState, e);
    };
    return (_jsx(AccordionControlled, { ref: ref, ...props, open: isOpen, triggerButton: { ...triggerButton, onClick: handleTriggerButtonClick }, children: children }));
};
/**
 * @description
 * Accordion component to show or hide content.
 * @param {React.PropsWithChildren<IAccordion<V>>} props
 * @returns {JSX.Element}
 */
const AccordionUnControlled = React.forwardRef(AccordionUnControlledComponent);
export { AccordionUnControlled };
export { AccordionUnControlled as Accordion };
//# sourceMappingURL=accordionUnControlled.js.map