'use client';
import React from 'react';
import { AccordionContextProvider } from './AccordionContext';
import clsx from 'clsx';
/**
 * Accordion component for displaying a list of collapsible sections.
 *
 * @component
 * @example
 * // Example usage of Accordion component
 * <Accordion className="custom-class">
 *   <AccordionSection title="Section 1">Content 1</AccordionSection>
 *   <AccordionSection title="Section 2">Content 2</AccordionSection>
 * </Accordion>
 *
 * @param {Object} props - The properties of the Accordion component.
 * @param {ReactElement<AccordionSectionProps> | ReactElement<AccordionSectionProps>[]} props.children - The AccordionSection components to be displayed within the Accordion.
 * @param {string} [props.className] - Optional additional class names for the Accordion container.
 *
 * @returns {ReactNode} The rendered Accordion component.
 */
export function Accordion({ children, className }) {
    return (<div className={clsx('grid gap-3', className)}>
      <AccordionContextProvider>{children}</AccordionContextProvider>
    </div>);
}
//# sourceMappingURL=Accordion.jsx.map