import { default as React } from 'react';
export interface SplitterPanelProps {
    children?: React.ReactNode;
    className?: string;
    style?: React.CSSProperties;
    minSize?: string;
    defaultSize?: string;
    fixed?: boolean;
}
export declare const SplitterPanel: React.FC<SplitterPanelProps>;
export type SplitterLayout = 'horizontal' | 'vertical';
export interface SplitterProps {
    layout?: SplitterLayout;
    children: React.ReactNode;
    className?: string;
    style?: React.CSSProperties;
    gutterSize?: number;
    onResizeEnd?: (firstPanelSize: number) => void;
    /**
     * Container width in pixels (measured on the splitter's own element, not
     * the viewport) below which a `layout="horizontal"` splitter collapses from
     * side-by-side into a stacked layout. Only applies when `layout` is
     * 'horizontal' — a vertical splitter is already stacked and ignores this.
     * The collapse only flips layout styles and swaps the draggable gutter for
     * a static divider; panels keep their identity and are never unmounted, so
     * child component state is preserved across the transition. Omit to disable.
     */
    responsive?: number;
    /**
     * Direction panels stack in once collapsed (only used with `responsive`).
     * Defaults to 'vertical' (first panel on top, second below).
     */
    collapsedLayout?: SplitterLayout;
    /**
     * Called when the splitter crosses the `responsive` threshold, with the
     * current collapsed state.
     */
    onCollapseChange?: (collapsed: boolean) => void;
}
export declare const Splitter: React.FC<SplitterProps>;