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 WheelState<El extends Element = Element> {
    _active: boolean;
    active: boolean;
    _value: Vec2;
    value: Vec2;
    delta: Vec2;
    offset: Vec2;
    movement: Vec2;
    target: El;
    event: Event;
    timeout: number;
    clearTimeout(): void;
    memo: any;
    isWheelStart: boolean;
    isWheeling: boolean;
    isWheelEnd: boolean;
    wheel(self: WheelState<El>): void;
    wheelStart(e: Event): void;
    wheeling(e: Event): void;
    wheelEnd(e: Event): void;
    mount(target: El): void;
    clean(target: null): void;
    ref(traget: El | null): void;
    tick?: () => void;
}
type WheelConfig<El extends Element = Element> = Partial<WheelState<El>> | WheelState<El>['wheel'];

declare const useWheel: <El extends Element = Element>(config: WheelConfig) => EventState<WheelState<El>>;

interface WheelProps<El extends Element = Element> extends Partial<WheelState<El>> {
    children: (state: WheelState<El>) => ReactNode;
}
declare const Wheel: <El extends Element = Element>(props: WheelProps<El>) => ReactNode;

export { Wheel, type WheelProps, useWheel as default, useWheel };