import { ReactNode } from 'react';

type ExtractArgs<T extends object> = T[keyof T] extends (...args: infer A) => any ? A : any[];
type EventState<T extends object, Args extends unknown[] = ExtractArgs<T>> = T & {
    (key?: keyof T, fun?: T[keyof T]): EventState<T, Args>;
    (target?: Partial<T>): EventState<T, Args>;
};

type Vec2 = [x: number, y: number];

type DragDevice = 'mouse' | 'touch' | 'pointer';
interface DragState<El extends Element = Element> {
    _active: boolean;
    active: boolean;
    device: DragDevice;
    _value: Vec2;
    value: Vec2;
    delta: Vec2;
    offset: Vec2;
    movement: Vec2;
    target: El;
    event: Event;
    memo: any;
    isDragStart: boolean;
    isDragging: boolean;
    isDragEnd: boolean;
    drag(self: DragState<El>): void;
    dragStart(e: Event): void;
    dragging(e: Event): void;
    dragEnd(e: Event): void;
    mount(target: El): void;
    clean(el: null): void;
    ref(traget: El | null): void;
}
type DragArg<El extends Element> = Partial<DragState<El>> | DragState<El>['drag'];

declare const useDrag: <El extends Element = Element>(arg: DragArg<El>) => EventState<DragState<El>>;

interface DragProps<El extends Element = Element> extends Partial<DragState<El>> {
    children(self: DragState<El>): ReactNode;
}
declare const Drag: <El extends Element = Element>(props: DragProps<El>) => ReactNode;

export { Drag, type DragProps, useDrag as default, useDrag };