import { DraggableProps } from './use-draggable.js';
import { Observe } from '@adobe/data/observe';
import { Vec2 } from '@adobe/data/math';
export type DragObserveProps = Pick<DraggableProps, 'minDragDistance' | 'dragCursor' | 'addPlaceholder' | 'stopPropagation'>;
export type DragStart = {
    readonly type: 'start' | 'cancel';
    /**
     * The `PointerEvent` whose cumulative drag distance first exceeded
     * `minDragDistance`. Only present when `type === 'start'`. Useful for
     * callers that need the originating `clientX`/`clientY` synchronously.
     */
    readonly event?: PointerEvent;
};
export type DragMove = {
    readonly type: 'move';
    readonly delta: Vec2;
    readonly position: Vec2;
};
export type DragEnd = {
    readonly type: 'end';
    readonly delta: Vec2;
    readonly position: Vec2;
};
export type DragState = DragStart | DragMove | DragEnd;
/**
 * This hook creates a drag observe function that can be used to observe the drag state of an element.
 * This is normally not used directly, but rather through the `useDragTransaction` hook.
 * @param props
 * @returns
 */
export declare function useDragObserve(props: DragObserveProps, dependencies: unknown[]): Observe<DragState>;