import { type ComponentInternalInstance, type Ref } from 'vue';
import type { DockviewIDisposable } from 'dockview';
import { VueRendererRegistry } from '../utils';
export interface UseViewComponentReturn<TApi> {
    el: Ref<HTMLElement | null>;
    instance: Ref<TApi | null>;
    registry: VueRendererRegistry;
}
export interface ViewComponentConfig<TApi, TOptions, TProps, TEvents, TView, TFrameworkOptions> {
    componentName: string;
    propertyKeys: readonly (keyof TOptions)[];
    createApi: (element: HTMLElement, options: TOptions & TFrameworkOptions) => TApi;
    createView: (id: string, name: string | undefined, component: any, instance: ComponentInternalInstance, registry: VueRendererRegistry) => TView;
    extractCoreOptions: (props: TProps) => TOptions;
    onApiCreated?: (api: TApi) => DockviewIDisposable[];
}
export interface UseViewComponentReturn<TApi> {
    el: Ref<HTMLElement | null>;
    instance: Ref<TApi | null>;
    registry: VueRendererRegistry;
}
export declare function useViewComponent<TApi extends {
    dispose(): void;
    updateOptions(options: Partial<TOptions>): void;
    layout(width: number, height: number): void;
}, TOptions, TProps, TEvents, TView, TFrameworkOptions>(config: ViewComponentConfig<TApi, TOptions, TProps, TEvents, TView, TFrameworkOptions>, props: TProps, emit: (event: 'ready', payload: {
    api: TApi;
}) => void): UseViewComponentReturn<TApi>;