import { ReactNode } from 'react';
interface CollapsibleProps {
    children: ReactNode;
    defaultOpen?: boolean;
    open?: boolean;
    onOpenChange?: (open: boolean) => void;
    className?: string;
}
/**
 * Root collapsible container
 */
declare function Collapsible({ children, defaultOpen, open: controlledOpen, onOpenChange, className, }: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
interface CollapsibleTriggerProps {
    children?: ReactNode;
    className?: string;
    showIcon?: boolean;
}
/**
 * Button that toggles the collapsible
 */
declare function CollapsibleTrigger({ children, className, showIcon }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
interface CollapsibleContentProps {
    children: ReactNode;
    className?: string;
}
/**
 * Animated content container
 * Uses CSS grid trick for smooth height animation
 */
declare function CollapsibleContent({ children, className }: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
export { Collapsible, CollapsibleTrigger, CollapsibleContent };
//# sourceMappingURL=collapsible.d.ts.map