import React from 'react';
import type { SplitLayoutType } from './types';
export type SplitPaneProps = {
    allowResize?: boolean;
    children?: React.ReactNode;
    className?: string;
    primary?: 'first' | 'second';
    minSize?: number;
    maxSize?: number;
    defaultSize?: number;
    size?: number | string;
    split?: SplitLayoutType;
    onDragStarted?: () => void;
    onDragFinished?: (size?: number | string) => void;
    onChange?: (size: number) => void;
    onResizerClick?: React.MouseEventHandler;
    onResizerDoubleClick?: React.MouseEventHandler;
    style?: React.CSSProperties;
    resizerStyle?: React.CSSProperties;
    paneClassName?: string;
    pane1ClassName?: string;
    pane2ClassName?: string;
    paneStyle?: React.CSSProperties;
    pane1Style?: React.CSSProperties;
    pane2Style?: React.CSSProperties;
    resizerClassName?: string;
    step?: number;
};
type DefaultProps = Required<Pick<SplitPaneProps, 'allowResize' | 'minSize' | 'primary' | 'split' | 'paneClassName' | 'pane1ClassName' | 'pane2ClassName'>>;
type Props = Omit<SplitPaneProps, 'allowResize' | 'minSize' | 'primary' | 'split' | 'paneClassName' | 'pane1ClassName' | 'pane2ClassName'> & DefaultProps;
type State = {
    active: boolean;
    position: number;
    resized: boolean;
    draggedSize?: number | string;
    pane1Size?: number | string;
    pane2Size?: number | string;
    instanceProps: {
        size?: number | string;
    };
};
export declare class SplitPane extends React.Component<Props, State> {
    static defaultProps: DefaultProps;
    static getDerivedStateFromProps(nextProps: Props, prevState: State): {};
    static getSizeUpdate(props: Props, state: State): {};
    splitPane: HTMLDivElement | null;
    private pane1;
    private pane2;
    constructor(props: Props);
    componentDidMount(): void;
    componentWillUnmount(): void;
    render(): React.JSX.Element;
    private onMouseDown;
    private onTouchStart;
    private onMouseMove;
    private onTouchMove;
    private onMouseUp;
}
export {};