import { type ComponentInternalInstance } from 'vue';
import type { DockviewIDisposable } from 'dockview-core';
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) => TView;
    extractCoreOptions: (props: TProps) => TOptions;
    onApiCreated?: (api: TApi) => DockviewIDisposable[];
}
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): {
    el: import("vue").Ref<HTMLElement, HTMLElement>;
    instance: [TApi] extends [import("vue").Ref<any, any>] ? import("@vue/shared").IfAny<TApi, import("vue").Ref<TApi, TApi>, TApi> : import("vue").Ref<import("vue").UnwrapRef<TApi>, TApi | import("vue").UnwrapRef<TApi>>;
};