import * as CSS from "csstype";
import { Page, RefInstance, Signal } from "./classes.js";
import type { ElementEventHandler, ElementEventMap } from "./dom-objects-event-types.js";
type AnyObject = {
    [key: string]: any;
};
interface Attributes {
    ref?: [RefInstance<any>, string];
    style?: Partial<CSS.Properties> | string;
    [key: `data-${string}`]: string | undefined;
    [key: `aria-${string}`]: string | undefined;
}
type EventAttributes<T extends keyof ElementEventMap> = ElementEventHandler<T>;
export type VJS_params_TYPE<E extends keyof ElementEventMap | HTMLElement | DocumentFragment> = (undefined | undefined[] | string | string[] | HTMLElement | HTMLElement[] | DocumentFragment | DocumentFragment[] | [string, Signal<any>] | Attributes | (E extends keyof ElementEventMap ? EventAttributes<E> : AnyObject) | (() => HTMLElement) | (() => HTMLElement)[] | ((ctx: Comp) => HTMLElement) | ((ctx: Comp) => HTMLElement)[])[];
export type CradovaPageType = {
    /**
     * Cradova page
     * ---
     * title of the page
     * .
     */
    title?: string;
    /**
     * Cradova page
     * ---
     * The component for the page
     * @param data
     * @returns void
     * .
     */
    template: ((ctx: Comp) => HTMLElement) | (() => HTMLElement) | (() => DocumentFragment);
};
export type browserPageType<importType = Page> = importType | Promise<importType> | (() => Promise<importType>);
export interface Comp extends Function {
    (ctx: Comp, ...args: any[]): HTMLElement;
    useReducer: <S, A>(reducer: (state: S, action: A) => S, initialArg: S, initializer?: (arg: S) => S) => [S, (action: A) => void];
    useState: <S>(initialValue: S) => [S, (newState: S | ((prevState: S) => S)) => void];
    useEffect: (effect: () => (() => void) | void, deps?: unknown[]) => void;
    useMemo: <T>(factory: () => T, deps?: unknown[]) => T;
    useCallback: <T extends (...args: any[]) => any>(callback: T, deps?: unknown[]) => T;
    useRef: <T extends HTMLElement | Node | DocumentFragment>() => RefInstance<T>;
}
export {};