import { HTMLAttributes } from 'react';
import { ImageName } from '../Icon';
import { HorizontalDirection } from '../../types';
import { CollapsibleProps } from './Collapsible.types';
export declare const Collapsible: {
    ({ open: openProp, onOpenChange: onOpenChangeProp, children, className, ...props }: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
    Header: import('react').ForwardRefExoticComponent<CollapsipleHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
    Trigger: {
        ({ onClick: onClickProp, children, indicatorDir, icon, iconDir, className, ...props }: CollapsipleTriggerProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Content: {
        ({ indicatorDir, className, ...props }: HTMLAttributes<HTMLDivElement> & {
            indicatorDir?: HorizontalDirection;
        }): import("react/jsx-runtime").JSX.Element | undefined;
        displayName: string;
    };
};
interface CollapsipleHeaderProps extends HTMLAttributes<HTMLDivElement> {
    icon?: ImageName;
    iconDir?: HorizontalDirection;
    indicatorDir?: HorizontalDirection;
    wrapInTrigger?: boolean;
}
interface CollapsipleTriggerProps extends HTMLAttributes<HTMLButtonElement> {
    icon?: ImageName;
    iconDir?: HorizontalDirection;
    indicatorDir?: HorizontalDirection;
}
export {};