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 ScrollState<El extends Element = Element> {
    _active: boolean;
    active: boolean;
    _value: Vec2;
    value: Vec2;
    delta: Vec2;
    offset: Vec2;
    movement: Vec2;
    target: El;
    event: Event;
    memo: any;
    isScrollStart: boolean;
    isScrolling: boolean;
    isScrollEnd: boolean;
    timeout: number;
    clearTimeout(): void;
    scroll(self: ScrollState<El>): void;
    scrollStart(e: Event): void;
    scrolling(e: Event): void;
    scrollEnd(e: Event): void;
    mount(target: El): void;
    clean(target: null): void;
    ref(traget: El | null): void;
    tick?: () => void;
}
type ScrollConfig<El extends Element = Element> = Partial<ScrollState<El>> | ScrollState<El>['scroll'];

declare const useScroll: <El extends Element = Element>(config: ScrollConfig) => EventState<ScrollState<El>>;

interface ScrollProps<El extends Element = Element> extends Partial<ScrollState<El>> {
    children: (state: ScrollState<El>) => ReactNode;
}
declare const Scroll: <El extends Element = Element>(props: ScrollProps<El>) => ReactNode;

export { Scroll, type ScrollProps, useScroll as default, useScroll };