import * as ng from "@angular/core";
import React from "react";
import { InjectableReactContext } from "../injectable-react-context/use-injectable-react-context";
import { createRoot } from "react-dom/client";
/**
 * Create a template ref from a React component.
 *
 * This template is meant to be used in a `[ngTemplateOutlet]` where `[ngTemplateOutletInjector]` is defined.
 * If you can't define `[ngTemplateOutletInjector]`, use `useToAngularTemplateRefBoundToContextAndPortals`.
 */
export declare function useToAngularTemplateRef<C>(Component: (props: C) => any): ng.TemplateRef<C> | undefined;
/**
 * Create a template ref from a React component.
 * The template ref is bound to the context of where this hook is called.
 * Because of this, you don't need `[ngTemplateOutletInjector]` on the `<ng-container>`.
 * This hook returns `[templateRef, portals]`.
 * Make sure the portals are rendered somewhere in your tree: `<>{portals}</>`.
 */
export declare function useToAngularTemplateRefBoundToContextAndPortals<C>(Component: (props: C) => any): readonly [ng.TemplateRef<C> | undefined, React.ReactPortal[]];
export declare function useToAngularTemplateRefWithModule<C>(Component: (props: C) => any, ngModuleRef: ng.NgModuleRef<any>, injectableReactContext?: InjectableReactContext, inTreeCreateRoot?: typeof createRoot): ng.TemplateRef<C> | undefined;
export declare function createReactWrapperTemplateRef<C = any>(ngModuleRef: ng.NgModuleRef<any>, abortSignal?: AbortSignal, injectableReactContext?: InjectableReactContext, inTreeCreateRoot?: typeof createRoot): Promise<{
    templateRef: ng.TemplateRef<C>;
    cleanup: () => void;
    updateComponent: (component: (props: C) => any) => void;
}>;