import React from 'react';
export type ResizableColumnsPanelLayout = {
    left?: number;
    center?: number;
    right?: number;
};
export type ResizableRowsPanelLayout = {
    top?: number;
    bottom?: number;
};
export type OnStopResize = (position: 'left' | 'center' | 'right', flex: number) => void;
export type ResizableColumnsPanelType = {
    right: React.ReactNode;
    center?: React.ReactNode;
    height?: number;
    layout?: ResizableColumnsPanelLayout;
    left?: React.ReactNode;
    leftClosable?: boolean;
    minPaneWidth?: number;
    paneCloseIconStyle?: React.CSSProperties;
    width?: number;
    onCloseLeftPane?: () => void;
    onStopResize?: OnStopResize;
};
export type ResizableRowsPanelType = {
    top: React.ReactNode;
    bottom?: React.ReactNode;
    layout?: ResizableRowsPanelLayout;
    height?: number;
    width?: number;
    splitterStyle?: React.CSSProperties;
    topElementStyle?: React.CSSProperties;
    bottomElementStyle?: React.CSSProperties;
    bottomPaneMinSize?: number;
    bottomPaneMaxSize?: number;
    onStopResize?: (position: 'top' | 'bottom', flex: number) => void;
};
