import { SystemConfig } from "@chakra-ui/react";
import { ReadonlyReactive } from "@conterra/reactivity-core";
import { ReactNode } from "react";
import { RootNode } from "../dom";
import { PackageRepr } from "../service-layer/PackageRepr";
import { ServiceLayer } from "../service-layer/ServiceLayer";
import { ColorModeValue } from "../api";
export interface ReactIntegrationOptions {
    rootNode: RootNode;
    hostNode: HTMLElement;
    appRoot: HTMLDivElement;
    packages: Map<string, PackageRepr>;
    serviceLayer: ServiceLayer;
    locale: string;
    config?: ReadonlyReactive<SystemConfig | undefined>;
    styles: ReadonlyReactive<string>;
    colorMode: ReadonlyReactive<ColorModeValue>;
}
export declare class ReactIntegration {
    private rootNode;
    private hostNode;
    private appRoot;
    private reactRoot;
    private packageContext;
    private locale;
    private chakraConfig?;
    private styles;
    private colorMode;
    static createForApp(options: ReactIntegrationOptions): ReactIntegration;
    static createForErrorScreen(options: Omit<ReactIntegrationOptions, "serviceLayer" | "packages">): ReactIntegration;
    private constructor();
    render(contentNode: ReactNode): void;
    destroy(): void;
}
export declare function EmptyComponent(): ReactNode;