import { LabJsonContent } from 'itlab-functions';
export { default as ContentPreviewDialog } from './content-preview-dialog.vue';
export declare const useContentPreviewDialog: () => {
    readonly isVisible: boolean;
    readonly data?: {
        type: import('itlab-functions').LabContentType;
        description?: string | undefined;
        audio?: {
            background: {
                src: string;
                alt: string;
                background: string[];
                contain: boolean;
                maxHeight?: number | undefined;
                maxWidth?: number | undefined;
            };
            src: string;
        } | undefined;
        code?: {
            code: string;
            lang: string;
        } | undefined;
        grid?: [{
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        }, {
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        }, {
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        }, {
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        }] | undefined;
        gridLR?: [{
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        }, {
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        }] | undefined;
        gridLRR?: [{
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        }, {
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        }, {
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        }] | undefined;
        gridRLL?: [{
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        }, {
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        }, {
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        }] | undefined;
        image?: {
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        } | undefined;
        imageText?: {
            image: {
                src: string;
                alt: string;
                background: string[];
                contain: boolean;
                maxHeight?: number | undefined;
                maxWidth?: number | undefined;
            };
            richtext: {
                [x: string]: any;
                type?: string | undefined;
                attrs?: Record<string, any> | undefined;
                content?: /*elided*/ any[] | undefined;
                marks?: {
                    [x: string]: any;
                    type: string;
                    attrs?: Record<string, any> | undefined;
                }[] | undefined;
                text?: string | undefined;
            };
            imageAlign: "left" | "right";
        } | undefined;
        quote?: {
            quote: string;
            credit: string;
        } | undefined;
        richtext?: {
            [x: string]: any;
            type?: string | undefined;
            attrs?: Record<string, any> | undefined;
            content?: /*elided*/ any[] | undefined;
            marks?: {
                [x: string]: any;
                type: string;
                attrs?: Record<string, any> | undefined;
            }[] | undefined;
            text?: string | undefined;
        } | undefined;
        slider?: {
            src: string;
            alt: string;
            background: string[];
            contain: boolean;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        }[] | undefined;
        video?: {
            src: string;
            alt: string;
            maxHeight?: number | undefined;
            maxWidth?: number | undefined;
        } | undefined;
        itlab?: {
            resourceId: string;
            resource: string;
        } | undefined;
        banner?: {
            kind: string;
        } | undefined;
        files?: {
            uri: string;
            filename: string;
        }[] | undefined;
    }[] | undefined;
    readonly zIndex: number;
    open: (data?: LabJsonContent | undefined) => void;
    updateData: (data?: LabJsonContent | undefined) => void;
    close: () => void;
    closeInstances: () => void;
};