import React, { Context } from 'react';
import { RootOptions } from 'react-dom/client';
import { EgreactRoot } from '../renderer';
declare const DomEgretPropsName: readonly ["orientation", "scaleMode", "frameRate", "contentWidth", "contentHeight", "multiFingered", "showFps", "showLog", "showPaintRect", "showFpsStyle"];
export declare type RenderMode = 'sync' | 'concurrent' | 'normal';
declare type Props = {
    [key in typeof DomEgretPropsName[number]]?: string;
} & {
    scaleMode?: 'showAll' | 'noScale' | 'noBorder' | 'exactFit' | 'fixedWidth' | 'fixedHeight' | 'fixedNarrow' | 'fixedWide';
    orientation?: 'auto' | 'portrait' | 'landscape' | 'landscapeFlipped';
    showFps?: boolean | `${boolean}`;
    showLog?: boolean | `${boolean}`;
    showPaintRect?: boolean | `${boolean}`;
} & {
    egretOptions?: egret.runEgretOptions;
    rendererOptions?: RootOptions;
    container?: egret.DisplayObjectContainer;
    runEgret?: boolean;
    renderDom?: boolean;
    contextsFrom?: boolean | React.Context<any>[] | HTMLElement;
    renderMode?: RenderMode;
} & JSX.IntrinsicElements['div'];
interface EgreactRef {
    container: egret.DisplayObjectContainer;
    root: EgreactRoot;
    dom: HTMLDivElement;
    contexts: Context<any>[];
}
export declare const Egreact: React.ForwardRefExoticComponent<Pick<Props, "key" | "orientation" | "contentHeight" | "contentWidth" | "container" | "scaleMode" | "frameRate" | "multiFingered" | "showFps" | "showLog" | "showPaintRect" | "showFpsStyle" | "egretOptions" | "rendererOptions" | "renderMode" | "contextsFrom" | "runEgret" | "renderDom" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<EgreactRef>>;
export {};