import { ComponentDependency, DependencyContext } from "./dependency-context";
import { JsonpGateway } from "./gateway/jsonp-gateway";
import { FetchGateway } from "./gateway/fetch-gateway";
export interface ComponentLoaderContext {
    dependencyContext: DependencyContext;
    jsonpGateway: JsonpGateway;
    fetchGateway: FetchGateway;
}
declare type ComponentRenderable<Props, State> = (element: HTMLElement, props: Props, state: State) => Promise<void>;
declare type RuntimeComponent<Props, State> = {
    hydrate: ComponentRenderable<Props, State>;
    render: ComponentRenderable<Props, State>;
    disconnect?: (element: HTMLElement) => void;
};
export interface Component<Props, State> {
    dependencies?: ComponentDependency[];
    props: Props;
    state: State;
    html?: string;
    client: string;
    styles?: string[];
    resolverFunction: string;
    hydratePromise?: Promise<void>;
    component?: RuntimeComponent<Props, State>;
    render: (element: HTMLElement) => Promise<void>;
    disconnect?: (element: HTMLElement) => void;
}
export declare class ComponentLoader {
    readonly context: ComponentLoaderContext;
    constructor(context: ComponentLoaderContext);
    load<P, S, T extends Component<P, S>>(componentUrl: string): Promise<T>;
    private componentResponseFor;
    hydrationFactory<T extends Component<P, S>, P, S>(componentResponse: T): Promise<T & {
        disconnect(el: HTMLElement): Promise<void>;
        runtimeComponent(externalFunction: any): Promise<RuntimeComponent<P, S>>;
        getRenderFunction(): ComponentRenderable<P, S> | undefined;
        render(htmlElement: HTMLElement): Promise<void>;
    }>;
}
export {};