import * as react from 'react';
import { ReactNode } from 'react';

interface AccordionContextValue {
    openItems: string[];
    toggle: (value: string) => void;
    multiple: boolean;
}
interface AccordionProps {
    children: ReactNode;
    type?: "single" | "multiple";
    defaultOpen?: string[];
    className?: string;
}
interface AccordionItemProps {
    children: ReactNode;
    value: string;
    className?: string;
}
interface AccordionTriggerProps {
    children: ReactNode;
    className?: string;
}
interface AccordionContentProps {
    children: ReactNode;
    className?: string;
}

declare function AccordionItem({ children, value, className, }: AccordionItemProps): react.JSX.Element;
declare namespace AccordionItem {
    var displayName: string;
}

declare function AccordionTrigger({ children, className, }: AccordionTriggerProps): react.JSX.Element;
declare namespace AccordionTrigger {
    var displayName: string;
}

declare function AccordionContent({ children, className, }: AccordionContentProps): react.JSX.Element;
declare namespace AccordionContent {
    var displayName: string;
}

declare function AccordionRoot({ children, type, defaultOpen, className, }: AccordionProps): react.JSX.Element;
declare const Accordion: typeof AccordionRoot & {
    Item: typeof AccordionItem;
    Trigger: typeof AccordionTrigger;
    Content: typeof AccordionContent;
};

declare function useAccordion(): AccordionContextValue;

export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, useAccordion };