import React from 'react';
export type Size = string | number;
type OnChange = {
    size: number;
    percentageSize: string;
    isMaxSize: boolean;
    isMinSize: boolean;
};
type Props = {
    className?: string;
    children: React.ReactElement[];
    allowResize?: boolean;
    primary?: 'first' | 'second';
    minSize?: Size;
    /** if you set the maxSize to negative value (e.g. -200), then the splitter stops 200px before the border (in other words it sets the minimal size of the 'resizable' pane in this case) */
    maxSize?: Size;
    debounceInterval?: number;
    /** Can be a positive or negative number (e.g., 250, -250), a percentage string (e.g., "50%"), or a string with pixels (e.g., "50px") */
    size?: Size;
    orientation?: 'vertical' | 'horizontal';
    onChange?: ({ size, percentageSize, isMaxSize, isMinSize }: OnChange) => void;
};
export declare const ResizablePanes: {
    ({ className, children, orientation, primary, size, minSize, maxSize, allowResize, debounceInterval, onChange }: Props): React.JSX.Element;
    displayName: string;
};
export {};
