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

interface ResizeState<El extends Element = Element> {
    observer: ResizeObserver | null;
    listener(): void;
    mount(el: El): void;
    clean(el: null): void;
    resize(self: ResizeState<El>): void;
    ref(target: El): void;
}
type ResizeArg<El extends Element = Element> = Partial<ResizeState<El>> | ResizeState<El>['resize'];

declare const useResize: (arg: ResizeArg) => EventState<ResizeState<Element>>;

interface ResizeProps<El extends Element = Element> extends Partial<ResizeState<El>> {
    children: (state: ResizeState<El>) => ReactNode;
}
declare const Resize: <El extends Element = Element>(props: ResizeProps<El>) => ReactNode;

export { Resize, type ResizeProps, useResize as default, useResize };