import { type PropType } from 'vue';
import type { FwImageProps } from './index.types';
declare const __default__: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    /**
     * The src attribute of the image
     */
    src: StringConstructor;
    /**
     * The alt attribute of the image
     */
    alt: StringConstructor;
    /**
     * The type of component. Accepts 'background' and defaults to the native html5 element.
     */
    type: {
        type: PropType<FwImageProps["type"]>;
        default: string;
        validator: (value: string) => boolean;
    };
    /**
     * Whether the loading bar and error state are rounded.
     */
    rounded: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * The class for the native image element
     */
    imageClass: {
        type: StringConstructor;
    };
    /**
     * Controls the threshold before the component triggers the src url.
     */
    threshold: {
        type: NumberConstructor;
        default: number;
    };
    /**
     * Controls the error UI when an image src is unavailable.
     */
    enableErrors: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, {
    fwImageRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
    imgRef: import("vue").Ref<HTMLImageElement | null, HTMLImageElement | null>;
    status: import("vue").Ref<"idle" | "loading" | "loaded" | "error", "idle" | "loading" | "loaded" | "error">;
    isBackground: import("vue").ComputedRef<boolean>;
    rootClasses: import("vue").ComputedRef<{
        'fw-image--background': boolean;
        'rounded-full': boolean;
        'fw-image--loaded': boolean;
        'fw-image--error-state': boolean;
    }>;
    colorErrorTextFade5: string;
    onStart: () => void;
    onLoad: () => void;
    onError: () => void;
    handleLoad: () => void;
    handleError: () => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover" | "mouseout")[], "click" | "mouseover" | "mouseout", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    /**
     * The src attribute of the image
     */
    src: StringConstructor;
    /**
     * The alt attribute of the image
     */
    alt: StringConstructor;
    /**
     * The type of component. Accepts 'background' and defaults to the native html5 element.
     */
    type: {
        type: PropType<FwImageProps["type"]>;
        default: string;
        validator: (value: string) => boolean;
    };
    /**
     * Whether the loading bar and error state are rounded.
     */
    rounded: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * The class for the native image element
     */
    imageClass: {
        type: StringConstructor;
    };
    /**
     * Controls the threshold before the component triggers the src url.
     */
    threshold: {
        type: NumberConstructor;
        default: number;
    };
    /**
     * Controls the error UI when an image src is unavailable.
     */
    enableErrors: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onClick?: ((...args: any[]) => any) | undefined;
    onMouseover?: ((...args: any[]) => any) | undefined;
    onMouseout?: ((...args: any[]) => any) | undefined;
}>, {
    type: "native" | "background" | undefined;
    rounded: boolean;
    threshold: number;
    enableErrors: boolean;
}, {}, {
    FwLoadingBar: import("vue").ComponentOptions;
    FileExclamationSvg: VueConstructor<Vue>;
}, {
    lazyload: import("vue").Directive<Element, {
        src?: string;
        type?: "native" | "background";
        threshold?: number;
        rootMargin?: string;
        onStart?: () => void;
        onLoad?: () => void;
        onError?: () => void;
    } | undefined>;
}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default __default__;