import { CustomDetailComponentLocationId } from '@vendure/admin-ui/core';
import { ElementType } from 'react';
/**
 * @description
 * Configures a React-based component to be placed in a detail page in the given location.
 *
 * @docsCategory react-extensions
 */
export interface ReactCustomDetailComponentConfig {
    /**
     * @description
     * The id of the detail page location in which to place the component.
     */
    locationId: CustomDetailComponentLocationId;
    /**
     * @description
     * The React component to render.
     */
    component: ElementType;
    /**
     * @description
     * Optional props to pass to the React component.
     */
    props?: Record<string, any>;
}
/**
 * @description
 * Registers a React component to be rendered in a detail page in the given location.
 * Components used as custom detail components can make use of the {@link useDetailComponentData} hook.
 *
 * @docsCategory react-extensions
 */
export declare function registerReactCustomDetailComponent(config: ReactCustomDetailComponentConfig): import("@angular/core").EnvironmentProviders;