import type { Arrayable, Gettable, GettableOrReffable, Noop } from "../utils/basic.js";
export interface InferEventTarget<Events> {
    addEventListener: (event: Events, fn?: any, options?: any) => any;
    removeEventListener: (event: Events, fn?: any, options?: any) => any;
}
export type GeneralEventListener<E = Event> = (evt: E) => void;
/**
 * A React Hook that use `EventListener` with ease.
 *
 * Register using `addEventListener` on mounted, and `removeEventListener` automatically on unmounted.
 */
export declare function useEventListener<E extends keyof WindowEventMap>(event: Arrayable<E>, listener: (this: Window, ev: WindowEventMap[E]) => unknown, options?: boolean | AddEventListenerOptions): Noop;
export declare function useEventListener<E extends keyof WindowEventMap>(target: Gettable<Window>, event: Arrayable<E>, listener: (this: Document, ev: WindowEventMap[E]) => unknown, options?: boolean | AddEventListenerOptions): Noop;
export declare function useEventListener<E extends keyof DocumentEventMap>(target: Gettable<DocumentOrShadowRoot>, event: Arrayable<E>, listener: (this: Document, ev: DocumentEventMap[E]) => unknown, options?: boolean | AddEventListenerOptions): Noop;
export declare function useEventListener<E extends keyof HTMLElementEventMap>(target: GettableOrReffable<HTMLElement | null | undefined>, event: Arrayable<E>, listener: (this: HTMLElement, ev: HTMLElementEventMap[E]) => unknown, options?: boolean | AddEventListenerOptions): Noop;
export declare function useEventListener<E extends string, EventType = Event>(target: GettableOrReffable<InferEventTarget<E> | null | undefined>, event: Arrayable<E>, listener: GeneralEventListener<EventType>, options?: boolean | AddEventListenerOptions): Noop;
export declare function useEventListener<EventType = Event>(target: GettableOrReffable<EventTarget | null | undefined>, event: Arrayable<string>, listener: GeneralEventListener<EventType>, options?: boolean | AddEventListenerOptions): Noop;