import { ComponentNode } from '../types/canvas';
export declare function useCanvasDnd(id: ComponentNode['id']): {
    isDraggingNode: import('vue').Ref<boolean, boolean>;
    highlightedZone: import('vue').Ref<"bottom" | "right" | "left" | "top" | null, "bottom" | "right" | "left" | "top" | null>;
    currentDraggedComponentId: import('vue').Ref<string | null, string | null>;
    currentDraggedOverComponentId: import('vue').Ref<string | null, string | null>;
    onDragOver: import('lodash').DebouncedFunc<(e: DragEvent | TouchEvent) => void>;
    onDragStart: (e: DragEvent | TouchEvent) => void;
    onDragEnd: (e: DragEvent | TouchEvent) => void;
    setStartedFromHandle: (value: boolean) => void;
};