import { ReactiveValue } from '../reactive/reactive';
import { MaybeReactive } from '../reactive/types';
import { PrimitiveType } from '../utils/primitive';
import { VComponent } from '../component/component';
import { MaybeArray } from '../utils/array';
import { IDocument, IWindow } from './window';
import { TinafApp } from './app';

export type RenderFn = () => SimpleComponent | HTMLElement | null | PrimitiveType;
export type SimpleComponent = {
    renderFn: RenderFn;
    __type: 'component';
    sources?: ReactiveValue<any>[];
};
export type ForLoopComponent<T> = {
    __type: 'for-loop';
    items: MaybeReactive<T[]>;
    componentFn: (item: T) => SimpleComponent;
};
export type Component<T = any> = SimpleComponent | ForLoopComponent<T>;
export declare function isHtmlOrComment(node: Component | HTMLElement | Comment): node is HTMLElement | Comment;
export declare function isComponent(node: Component | HTMLElement | Comment | MaybeReactive<any>): node is Component;
export declare function isSimpleComponent(node: Component | MaybeReactive<any>): node is SimpleComponent;
export declare function isForLoopComponent(node: Component | HTMLElement | Comment | MaybeReactive<any>): node is ForLoopComponent<any>;
export declare function hasSources(sources?: ReactiveValue<any>[]): sources is ReactiveValue<any>[];
export declare function render(component: VComponent, parent: HTMLElement): MaybeArray<HTMLElement | Comment>;
/**
 * @deprecated Use createApp instead
 * @param id
 * @param component
 */
export declare function renderApp(id: string, component: VComponent): void;
declare global {
    interface Window {
        __TINAF__: TinafApp;
    }
}
export declare function createApp(app: (params: {}) => VComponent, _window?: IWindow, _doc?: IDocument): TinafApp;
export declare const buildDomDocument: () => IDocument;
export declare const buildDomWindow: () => IWindow;