import { CustomDetailComponentLocationId, CustomDetailComponentService } from '@deenruv/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): {
    provide: import("@angular/core").InjectionToken<readonly (() => void | import("rxjs").Observable<unknown> | Promise<unknown>)[]>;
    multi: boolean;
    useFactory: (customDetailComponentService: CustomDetailComponentService) => () => void;
    deps: (typeof CustomDetailComponentService)[];
};