import { type PointerEvent as ReactPointerEvent } from "react";
export type Movement = {
    movementX: number;
    movementY: number;
};
export type DragEvent<Element> = {
    movementX: number;
    movementY: number;
    clickTarget: EventTarget & Element;
};
/**
 * Hook to handle drag interactions using RxJS.
 *
 * @remarks
 * This hook provides a `pointerDown` handler and an observable `drag$` that emits drag events.
 * It handles mouse and touch events via `pointer` events.
 * Dragging is stopped on `pointerUp` or `Escape` key.
 *
 * @typeParam E - The HTML element type.
 * @returns An object containing the event handler and observables.
 *
 * @example
 * ```tsx
 * const { onPointerDown, drag$ } = useDrag();
 *
 * useEffect(() => {
 *   const sub = drag$.subscribe(({ movementX, movementY }) => {
 *     console.log("Dragged:", movementX, movementY);
 *   });
 *   return () => sub.unsubscribe();
 * }, [drag$]);
 *
 * return <div onPointerDown={onPointerDown}>Drag me</div>;
 * ```
 */
export declare let useDrag: <E extends HTMLElement>() => {
    onPointerDown: (event: ReactPointerEvent<E>) => void;
    drag$: import("rxjs").Observable<DragEvent<E>>;
    dragStart$: import("rxjs").Observable<ReactPointerEvent<E>>;
    drag: () => import("rxjs").UnaryFunction<import("rxjs").Observable<ReactPointerEvent<E>>, import("rxjs").Observable<DragEvent<E>>>;
};