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];

interface HoverState<El extends Element = Element> {
    _active: boolean;
    active: boolean;
    device: 'mouse' | 'pointer' | 'touch';
    _value: Vec2;
    value: Vec2;
    delta: Vec2;
    offset: Vec2;
    movement: Vec2;
    event: Event;
    target: El;
    isHoverStart: boolean;
    isHovering: boolean;
    isHoverEnd: boolean;
    hover: (self: HoverState) => void;
    hoverStart(e: Event): void;
    hovering(e: Event): void;
    hoverEnd(e: Event): void;
    mount(target: El): void;
    clean(target?: El): void;
    ref(target: El | null): void;
}
type HoverArg<El extends Element = Element> = Partial<HoverState<El>> | HoverState<El>['hover'];

declare const useHover: <El extends Element = Element>(arg?: HoverArg) => EventState<HoverState<El>>;

interface HoverProps<El extends Element = Element> extends Partial<HoverState<El>> {
    children: (state: HoverState<El>) => ReactNode;
}
declare const Hover: (props: HoverProps) => ReactNode;

export { Hover, type HoverProps, useHover as default, useHover };