export interface ResizablePanesProps {
    size: number;
    firstPane: React.ReactNode;
    firstPaneProps?: React.HTMLAttributes<HTMLDivElement>;
    secondPane: React.ReactNode;
    secondPaneProps?: React.HTMLAttributes<HTMLDivElement>;
    /**
     * Default value is "4px", or "8px" for touchable screen.
     * Strongly recommend you to set a larger value for touchable devices.
     */
    resizerSize?: string;
    resizerProps?: React.HTMLAttributes<HTMLDivElement>;
    onSizeChange: (size: number) => void;
    /**
     * @default "left"
     */
    direction?: 'left' | 'right' | 'top' | 'bottom';
}
export declare function ResizablePanes({ size, onSizeChange, direction, ...props }: ResizablePanesProps): import("react").JSX.Element;