import { WithIcon } from '../../shared/types/with-icon';
export type AccordionProps = React.HTMLAttributes<HTMLDivElement> & WithIcon & {
    /**
     * Text displayed in the header
     */
    label: string;
    /**
     * Contents of the collapsible section
     */
    children: React.ReactNode;
    /**
     * True if not collapsed
     */
    isOpen?: boolean;
    /**
     * Callback run when the open state changes
     */
    onToggleOpen?: (isOpen: boolean) => void;
    /**
     * Initial open state
     */
    defaultOpen?: boolean;
};
/**
 * An interactive UI component that lets users toggle the visibility of content.
 * The content section can be expanded to reveal details and collapsed to hide them,
 * keeping information organized and saving space. Commonly used in FAQs, settings panels,
 * and documentation to present layered content efficiently.
 */
export declare const Accordion: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & WithIcon & {
    /**
     * Text displayed in the header
     */
    label: string;
    /**
     * Contents of the collapsible section
     */
    children: React.ReactNode;
    /**
     * True if not collapsed
     */
    isOpen?: boolean;
    /**
     * Callback run when the open state changes
     */
    onToggleOpen?: (isOpen: boolean) => void;
    /**
     * Initial open state
     */
    defaultOpen?: boolean;
} & import('react').RefAttributes<HTMLDivElement>>;