declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        error?(_: {}): any;
        default?(_: {}): any;
        'play-icon'?(_: {}): any;
        content?(_: {}): any;
        title?(_: {}): any;
        preview?(_: {
            image: string | undefined;
        }): any;
        'preview-extra'?(_: {}): any;
    };
    refs: {
        rootEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            tag: {
                type: StringConstructor;
                default: string;
            };
        }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
            [key: string]: any;
        }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
            tag: string;
        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('vue').ExtractPropTypes<{
            tag: {
                type: StringConstructor;
                default: string;
            };
        }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
            [key: string]: any;
        }>, {}, {}, {}, {
            tag: string;
        }> | null;
        imgRef: HTMLImageElement;
    };
    rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    src: {
        type: StringConstructor;
        required: true;
    };
    ratio: {
        type: NumberConstructor;
    };
    fit: {
        type: StringConstructor;
    };
    alt: {
        type: StringConstructor;
    };
    background: {
        type: BooleanConstructor;
    };
    hoverable: {
        type: BooleanConstructor;
    };
    href: {
        type: StringConstructor;
    };
    colorful: {
        type: BooleanConstructor;
    };
    preview: {
        type: BooleanConstructor;
    };
    lazyPreview: {
        type: BooleanConstructor;
    };
    videoPoster: {
        type: BooleanConstructor;
    };
    previewClose: {
        type: import('vue').PropType<("body" | "button" | "mask" | "none") | ("body" | "button" | "mask" | "none")[]>;
    };
    lazy: {
        type: import('vue').PropType<boolean | IntersectionObserverInit>;
    };
}>, {
    preview: (visible?: boolean) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
    error: () => any;
    load: () => any;
    preview: (visible: boolean) => any;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    src: {
        type: StringConstructor;
        required: true;
    };
    ratio: {
        type: NumberConstructor;
    };
    fit: {
        type: StringConstructor;
    };
    alt: {
        type: StringConstructor;
    };
    background: {
        type: BooleanConstructor;
    };
    hoverable: {
        type: BooleanConstructor;
    };
    href: {
        type: StringConstructor;
    };
    colorful: {
        type: BooleanConstructor;
    };
    preview: {
        type: BooleanConstructor;
    };
    lazyPreview: {
        type: BooleanConstructor;
    };
    videoPoster: {
        type: BooleanConstructor;
    };
    previewClose: {
        type: import('vue').PropType<("body" | "button" | "mask" | "none") | ("body" | "button" | "mask" | "none")[]>;
    };
    lazy: {
        type: import('vue').PropType<boolean | IntersectionObserverInit>;
    };
}>> & Readonly<{
    onError?: (() => any) | undefined;
    onLoad?: (() => any) | undefined;
    onPreview?: ((visible: boolean) => any) | undefined;
}>, {
    background: boolean;
    hoverable: boolean;
    colorful: boolean;
    preview: boolean;
    lazyPreview: boolean;
    videoPoster: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    rootEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
        tag: {
            type: StringConstructor;
            default: string;
        };
    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
        [key: string]: any;
    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
        tag: string;
    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('vue').ExtractPropTypes<{
        tag: {
            type: StringConstructor;
            default: string;
        };
    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
        [key: string]: any;
    }>, {}, {}, {}, {
        tag: string;
    }> | null;
    imgRef: HTMLImageElement;
}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};