import * as react from 'react';
import { ComponentType, ReactNode, FC, DependencyList, EffectCallback } from 'react';

declare const withSuspense: <P extends object>(Component: ComponentType<P>, fallback?: ReactNode) => FC<P>;

type Merge<Prepared, Props> = Omit<Props, keyof Prepared> & Prepared;
declare const withPrepare: <Prepared extends object, Props extends object = {}>(usePrepare: (props: Props) => Prepared | null | undefined, Content: ComponentType<Merge<Prepared, Props>>) => FC<Props>;

type TagToHTMLElement = {
    div: HTMLDivElement;
    span: HTMLSpanElement;
    input: HTMLInputElement;
    button: HTMLButtonElement;
    a: HTMLAnchorElement;
    p: HTMLParagraphElement;
    img: HTMLImageElement;
    ul: HTMLUListElement;
    ol: HTMLOListElement;
    li: HTMLLIElement;
    table: HTMLTableElement;
    tr: HTMLTableRowElement;
    td: HTMLTableCellElement;
    form: HTMLFormElement;
    textarea: HTMLTextAreaElement;
    select: HTMLSelectElement;
    option: HTMLOptionElement;
    script: HTMLScriptElement;
    link: HTMLLinkElement;
    style: HTMLStyleElement;
    canvas: HTMLCanvasElement;
    video: HTMLVideoElement;
    audio: HTMLAudioElement;
    iframe: HTMLIFrameElement;
    body: HTMLBodyElement;
    head: HTMLHeadElement;
    html: HTMLHtmlElement;
};
declare function useHTMLElement<T extends keyof TagToHTMLElement>(tag: T): react.RefObject<NonNullable<TagToHTMLElement[T]> | null>;
declare function useMount(effect: EffectCallback): void;
declare function useClean(cleanup: () => void, deps?: DependencyList): void;

export { useClean, useHTMLElement, useMount, withPrepare, withSuspense };