export type DataImageFit = "cover" | "contain";
export type DataImageProps = {
    /** Image URL (required). */
    src: string;
    /** Alternative text (required for a11y; pass "" only for purely decorative images). */
    alt: string;
    /** Intrinsic / box width (number → px, or any CSS length). */
    width?: number | string;
    /** Intrinsic / box height (number → px, or any CSS length). */
    height?: number | string;
    /** `object-fit` behaviour inside its box. Default `cover`. */
    fit?: DataImageFit;
    /** Border radius (CSS length). */
    radius?: number | string;
    /** Image loading strategy. Default `lazy`; use `eager` for LCP images. */
    loading?: "eager" | "lazy";
    /** Image decoding hint. Default `async`. */
    decoding?: "async" | "sync" | "auto";
    class?: string;
};
export declare const DataImage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    src: {
        type: StringConstructor;
        required: true;
    };
    alt: {
        type: StringConstructor;
        required: true;
    };
    width: {
        type: () => number | string;
        default: undefined;
    };
    height: {
        type: () => number | string;
        default: undefined;
    };
    fit: {
        type: () => DataImageFit;
        default: string;
    };
    radius: {
        type: () => number | string;
        default: undefined;
    };
    loading: {
        type: () => "eager" | "lazy";
        default: string;
    };
    decoding: {
        type: () => "async" | "sync" | "auto";
        default: string;
    };
    class: {
        type: StringConstructor;
        default: undefined;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    src: {
        type: StringConstructor;
        required: true;
    };
    alt: {
        type: StringConstructor;
        required: true;
    };
    width: {
        type: () => number | string;
        default: undefined;
    };
    height: {
        type: () => number | string;
        default: undefined;
    };
    fit: {
        type: () => DataImageFit;
        default: string;
    };
    radius: {
        type: () => number | string;
        default: undefined;
    };
    loading: {
        type: () => "eager" | "lazy";
        default: string;
    };
    decoding: {
        type: () => "async" | "sync" | "auto";
        default: string;
    };
    class: {
        type: StringConstructor;
        default: undefined;
    };
}>> & Readonly<{}>, {
    class: string;
    height: string | number;
    width: string | number;
    radius: string | number;
    fit: DataImageFit;
    loading: "eager" | "lazy";
    decoding: "auto" | "async" | "sync";
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
//# sourceMappingURL=DataImage.d.ts.map