import { type ReactNode } from 'react';
export interface PanelGroupProps {
    direction: 'horizontal' | 'vertical';
    groupId?: string;
    /** Opaque instance id — emitted as `data-component-id` for the agent registry. */
    id?: string;
    onLayout?: (sizes: number[]) => void;
    className?: string;
    children: ReactNode;
}
export interface ResizableHandle {
    getSizes: () => number[];
    setSizes: (sizes: number[]) => void;
}
export interface PanelHandle {
    resize: (size: number) => void;
}
export interface PanelProps {
    defaultSize: number;
    minSize?: number;
    maxSize?: number;
    collapsible?: boolean;
    collapsedSize?: number;
    className?: string;
    children?: ReactNode;
}
export interface HandleProps {
    className?: string;
}
export declare const PanelGroup: import("react").ForwardRefExoticComponent<PanelGroupProps & import("react").RefAttributes<HTMLDivElement>>;
export declare const Panel: import("react").ForwardRefExoticComponent<PanelProps & {
    _panelIndex?: number;
    _panelId?: string;
} & import("react").RefAttributes<PanelHandle>>;
export declare const Handle: import("react").ForwardRefExoticComponent<HandleProps & {
    _handleIndex?: number;
} & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=resizable.d.ts.map