import { type CSSProperties, type ReactNode } from 'react';
type ResizablePanelsSizes = {
    left: number;
    top: number;
};
type ResizablePanelsResolvedSizes = ResizablePanelsSizes & {
    right: number;
    bottom: number;
};
type ResizablePanelsProps = {
    left?: ReactNode;
    top?: ReactNode;
    bottom?: ReactNode;
    value?: Partial<ResizablePanelsSizes>;
    defaultValue?: Partial<ResizablePanelsSizes>;
    onChange?: (sizes: ResizablePanelsResolvedSizes) => void;
    onResizeEnd?: (sizes: ResizablePanelsResolvedSizes) => void;
    minPaneSize?: number;
    keyboardStep?: number;
    ariaLabel?: string;
    leftLabel?: string;
    topLabel?: string;
    bottomLabel?: string;
    columnHandleLabel?: string;
    rowHandleLabel?: string;
    className?: string;
    leftClassName?: string;
    topClassName?: string;
    bottomClassName?: string;
    handleClassName?: string;
    style?: CSSProperties;
};
declare const ResizablePanels: ({ left, top, bottom, value, defaultValue, onChange, onResizeEnd, minPaneSize, keyboardStep, ariaLabel, leftLabel, topLabel, bottomLabel, columnHandleLabel, rowHandleLabel, className, leftClassName, topClassName, bottomClassName, handleClassName, style, }: ResizablePanelsProps) => import("react/jsx-runtime").JSX.Element;
export { ResizablePanels };
export type { ResizablePanelsProps, ResizablePanelsResolvedSizes, ResizablePanelsSizes, };