import { default as React } from 'react';
declare const SPLIT_PANE_PRESET_TO_PERCENT: {
    readonly '1/4': 25;
    readonly '1/3': number;
    readonly '1/2': 50;
    readonly '2/3': number;
    readonly '3/4': 75;
};
export type SplitPanePreset = keyof typeof SPLIT_PANE_PRESET_TO_PERCENT;
export type SplitPaneOrientation = 'horizontal' | 'vertical';
export type SplitPaneSide = 'left' | 'right';
export interface SplitPaneProps {
    left: React.ReactNode;
    right: React.ReactNode;
    orientation?: SplitPaneOrientation;
    defaultLeftSize?: number | SplitPanePreset;
    minLeftSize?: number;
    maxLeftSize?: number;
    autoSaveId?: string;
    mobilePane?: SplitPaneSide;
    mobileBreakpointQuery?: string;
    handleAriaLabel?: string;
    withHandle?: boolean;
    className?: string;
}
export declare const SPLIT_PANE_LEFT_PANEL_ID = "split-pane-left";
export declare const SPLIT_PANE_RIGHT_PANEL_ID = "split-pane-right";
export declare const SPLIT_PANE_PANEL_IDS: string[];
export declare const SPLIT_PANE_GROUP_CLASSES = "h-full min-h-0 w-full";
export declare const SPLIT_PANE_PANEL_CLASSES = "flex h-full min-h-0 flex-col";
export declare const SPLIT_PANE_MOBILE_CLASSES = "flex h-full min-h-0 w-full flex-col";
export declare const DEFAULT_MOBILE_BREAKPOINT_QUERY = "(max-width: 767px)";
export declare const DEFAULT_MOBILE_PANE: SplitPaneSide;
export declare const DEFAULT_MIN_LEFT_SIZE = 20;
export declare const DEFAULT_MAX_LEFT_SIZE = 80;
export declare const toPercent: (value: number) => string;
export declare const resolveLeftSize: (size: SplitPaneProps["defaultLeftSize"]) => number;
export {};
//# sourceMappingURL=splitPaneInternals.d.ts.map