import { Ref } from 'vue';
import { CanvasRetrieve } from '../../../../../../types/openapi';
import { ComponentNode } from '../../../types/canvas';
import { CollectionPlayer } from '../../../../collection-player/types/collection-player.type';
import { Api as CollectionPlayerApi } from '../../../../collection-player/stores/app.store';
import { ActionCallback } from '../../../../collection-player/composables/keyboard-bindings.use.ts';
type __VLS_Props = {
    id: ComponentNode['id'];
    data: CollectionPlayer;
    when_used_in_section?: ComponentNode['when_used_in_section'];
    usedInSectionId?: CanvasRetrieve['id'];
    visible?: ComponentNode['visible'];
    tracking_id?: string;
    style?: Record<string, any>;
    height?: string;
};
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    style: (s: Record<string, any>) => any;
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
    onStyle?: ((s: Record<string, any>) => any) | undefined;
}>, {
    when_used_in_section: {
        is_editable: boolean;
        is_removable: boolean;
    };
    usedInSectionId: CanvasRetrieve["id"];
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    hostElement: HTMLDivElement;
    app: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
        isLoading?: boolean;
        data: CollectionPlayer;
        id?: string;
        isEditMode?: boolean;
        inModal?: boolean;
        options?: import('../../../../collection-player/stores/app.store').Options;
        api: CollectionPlayerApi;
        style?: string | Record<string, any> | (string | Record<string, any>)[];
        class?: string | Record<string, any> | (string | Record<string, any>)[];
        aspectRatio?: number;
    }> & Readonly<{
        onClick?: ((event: MouseEvent) => any) | undefined;
        onClose?: (() => any) | undefined;
    }>, {
        isFullscreen: Ref<boolean, boolean>;
        handleKeyAction: ActionCallback;
        element: Ref<HTMLElement | null, HTMLElement | null>;
        updateResolvedData: (resolvedData: CollectionPlayer) => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        click: (event: MouseEvent) => any;
        close: () => any;
    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        rootElement: HTMLDivElement;
    }, any, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<{
        isLoading?: boolean;
        data: CollectionPlayer;
        id?: string;
        isEditMode?: boolean;
        inModal?: boolean;
        options?: import('../../../../collection-player/stores/app.store').Options;
        api: CollectionPlayerApi;
        style?: string | Record<string, any> | (string | Record<string, any>)[];
        class?: string | Record<string, any> | (string | Record<string, any>)[];
        aspectRatio?: number;
    }> & Readonly<{
        onClick?: ((event: MouseEvent) => any) | undefined;
        onClose?: (() => any) | undefined;
    }>, {
        isFullscreen: Ref<boolean, boolean>;
        handleKeyAction: ActionCallback;
        element: Ref<HTMLElement | null, HTMLElement | null>;
        updateResolvedData: (resolvedData: CollectionPlayer) => void;
    }, {}, {}, {}, {}> | null;
}, HTMLDivElement>;
export default _default;