import { ElementRef, Injector } from '@angular/core';
import { PageMetadataService } from '@vendure/admin-ui/core';
import { ComponentProps, ElementType } from 'react';
import { HostedReactComponentContext } from '../types';
import * as i0 from "@angular/core";
export declare const HostedComponentContext: import("react").Context<HostedReactComponentContext | null>;
/**
 * Based on https://netbasal.com/using-react-in-angular-applications-1bb907ecac91
 */
export declare class ReactComponentHostDirective<Comp extends ElementType> {
    private host;
    private injector;
    private pageMetadataService?;
    reactComponent: Comp;
    props: ComponentProps<Comp>;
    context: Record<string, any>;
    private root;
    constructor(host: ElementRef, injector: Injector, pageMetadataService?: PageMetadataService | undefined);
    ngOnChanges(): Promise<void>;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ReactComponentHostDirective<any>, [null, null, { optional: true; }]>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ReactComponentHostDirective<any>, "[vdrReactComponentHost]", never, { "reactComponent": { "alias": "vdrReactComponentHost"; "required": false; }; "props": { "alias": "props"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, {}, never, never, true, never>;
}