import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
import { AccordionItem } from './AccordionItem/AccordionItem';
interface AccordionSingleProps {
    type?: 'single';
    defaultValue?: string;
    value?: string;
    onValueChange?: (value: string) => void;
    collapsible?: boolean;
}
interface AccordionMultipleProps {
    type: 'multiple';
    defaultValue?: string[];
    value?: string[];
    onValueChange?: (value: string[]) => void;
}
type AccordionProps = {
    children: ReactNode;
} & (AccordionSingleProps | AccordionMultipleProps);
interface AccordionComponent extends ForwardRefExoticComponent<AccordionProps & RefAttributes<HTMLDivElement>> {
    Item: typeof AccordionItem;
}
/**
 * A vertically stacked set of interactive headings that each reveal an associated section of content.
 * The Accordion component can be used to create expandable/collapsible sections of content.
 *
 * @example
 * Single open accordion (default)
 * ```tsx
 * <Accordion>
 *   <Accordion.Item title="What is Wire?" value="item-1">
 *     <Text>Wire is a secure messaging platform...</Text>
 *   </Accordion.Item>
 *   <Accordion.Item title="Is Wire secure?" value="item-2">
 *     <Text>Yes, Wire uses end-to-end encryption...</Text>
 *   </Accordion.Item>
 * </Accordion>
 * ```
 *
 * @example
 * Multiple open accordion:
 * ```tsx
 * <Accordion type="multiple">
 *   <Accordion.Item title="What is Wire?" value="item-1">
 *     <Text>Wire is a secure messaging platform</Text>
 *   </Accordion.Item>
 *   <Accordion.Item title="Is Wire secure?" value="item-2">
 *     <Text>Yes, Wire uses end-to-end encryption</Text>
 *   </Accordion.Item>
 * </Accordion>
 * ```
 */
export declare const Accordion: AccordionComponent;
export {};
//# sourceMappingURL=Accordion.d.ts.map