import type { DockGroup } from './ide-types.js';
/** VS Code–style drop zone positions. */
export type DropZone = 'center' | 'left' | 'right' | 'top' | 'bottom';
/** Maps a drop zone to the target dock group. Center keeps the tab in `currentGroup`. */
export declare function dropZoneToGroup(zone: DropZone, currentGroup: DockGroup): DockGroup;
interface DockDropOverlayProps {
    visible: boolean;
    currentGroup: DockGroup;
    /** Called when a tab is dropped on a zone. Receives the zone and the raw drag event. */
    onDrop: (zone: DropZone, e: React.DragEvent) => void;
}
/**
 * VS Code–style drop zone overlay. Shows 5 drop targets (center + 4 edges)
 * when a tab is being dragged over a panel. Each zone highlights on hover.
 */
export default function DockDropOverlay({ visible, currentGroup, onDrop }: DockDropOverlayProps): import("react").JSX.Element | null;
export {};
//# sourceMappingURL=DockDropOverlay.d.ts.map