import { ReactiveNodeDecl, ReactiveNode } from "reactronic";
import { El } from "../core/El.js";
import { PointerSensor } from "../core/sensors/PointerSensor.js";
export type DragAndDropHandler = (pointer: PointerSensor) => void;
export interface DraggableAreaModel {
    dragStartedAction?: DragAndDropHandler;
    draggingOverAction?: DragAndDropHandler;
    droppedAction?: DragAndDropHandler;
    dragFinishedAction?: DragAndDropHandler;
}
export declare function DraggableArea(draggingId: string, builder: ReactiveNodeDecl<El<HTMLDivElement, DraggableAreaModel>>): ReactiveNode<El<HTMLDivElement>>;