import { ReactiveTreeNode, ReactiveTreeNodeDecl } 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: ReactiveTreeNodeDecl<El<HTMLDivElement, DraggableAreaModel>>): ReactiveTreeNode<El<HTMLDivElement>>;