import { type Ref } from 'vue';
interface Position {
    x: number;
    y: number;
}
type PositionStr = 'center' | 'top-right';
interface UseDraggableOptions {
    handle?: Ref<HTMLElement | null>;
    initialPosition?: PositionStr;
    onDragStart?: (position: Position) => void;
    onDrag?: (position: Position) => void;
    onDragEnd?: (position: Position) => void;
}
export declare function useDraggable(target: Ref<HTMLElement | null>, options?: UseDraggableOptions): {
    style: Ref<{
        left: string;
        top: string;
    }, {
        left: string;
        top: string;
    } | {
        left: string;
        top: string;
    }>;
    position: {
        x: Ref<number, number>;
        y: Ref<number, number>;
    };
    changePosition: (position?: PositionStr) => void;
};
export {};