import { default as React } from 'react';
export interface SplitPaneProps {
    /** Left/Top panel content */
    left: React.ReactNode;
    /** Right/Bottom panel content */
    right: React.ReactNode;
    /** Split direction */
    direction?: 'horizontal' | 'vertical';
    /** Initial split position (0-1) */
    initialSplit?: number;
    /** Controlled split position */
    split?: number;
    /** Split change handler */
    onSplitChange?: (split: number) => void;
    /** Minimum left/top panel size (pixels or %) */
    minLeftSize?: number | string;
    /** Minimum right/bottom panel size (pixels or %) */
    minRightSize?: number | string;
    /** Divider size in pixels */
    dividerSize?: number;
    /** Allow resize */
    resizable?: boolean;
    /** Additional className */
    className?: string;
}
/**
 * SplitPane Component
 *
 * Resizable split panel layout with draggable divider.
 * Supports horizontal and vertical splits.
 *
 * @example
 * ```tsx
 * <SplitPane
 *   left={<Sidebar />}
 *   right={<MainContent />}
 *   direction="horizontal"
 *   initialSplit={0.3}
 *   minLeftSize={200}
 *   minRightSize={400}
 * />
 * ```
 *
 * @example
 * ```tsx
 * <SplitPane
 *   left={<Editor />}
 *   right={<Preview />}
 *   direction="vertical"
 *   split={editorHeight}
 *   onSplitChange={setEditorHeight}
 * />
 * ```
 */
export declare const SplitPane: React.FC<SplitPaneProps>;
//# sourceMappingURL=split-pane.d.ts.map