export interface ImageTransformOptions {
    auto?: 'webp' | 'webp,compress';
    quality?: number;
    format?: 'webp' | 'png' | 'jpg' | 'jpeg' | 'gif' | 'auto';
    width?: number;
    height?: number;
    fit?: 'bounds' | 'crop';
    crop?: string;
    trim?: number | number[];
    orient?: 'default' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8';
    dpr?: number;
    disable?: 'upscale';
    overlay?: {
        relativeURL: string;
        align?: 'top' | 'bottom' | 'left' | 'right' | 'middle' | 'center';
        repeat?: 'x' | 'y' | 'both';
        width?: string | number;
        height?: string | number;
        pad?: number;
    };
    pad?: number | number[];
    bg?: string;
    blur?: number;
    saturation?: number;
    brightness?: number;
    contrast?: number;
    sharpen?: {
        amount: number;
        radius: number;
        threshold: number;
    };
    frame?: number;
    resizeFilter?: 'nearest' | 'bilinear' | 'bicubic' | 'lanczos2' | 'lanczos3';
}
/**
 * Composable for transforming Contentstack images using the Image Delivery API
 * Based on the Contentstack Image Transform functionality
 */
export declare const useImageTransform: (baseUrl: string, options?: ImageTransformOptions) => {
    transformedUrl: import("vue").ComputedRef<string>;
    transformOptions: Readonly<import("vue").Ref<{
        readonly auto?: "webp" | "webp,compress" | undefined;
        readonly quality?: number | undefined;
        readonly format?: "webp" | "png" | "jpg" | "jpeg" | "gif" | "auto" | undefined;
        readonly width?: number | undefined;
        readonly height?: number | undefined;
        readonly fit?: "bounds" | "crop" | undefined;
        readonly crop?: string | undefined;
        readonly trim?: number | readonly number[] | undefined;
        readonly orient?: "default" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | undefined;
        readonly dpr?: number | undefined;
        readonly disable?: "upscale" | undefined;
        readonly overlay?: {
            readonly relativeURL: string;
            readonly align?: "top" | "bottom" | "left" | "right" | "middle" | "center" | undefined;
            readonly repeat?: "x" | "y" | "both" | undefined;
            readonly width?: string | number | undefined;
            readonly height?: string | number | undefined;
            readonly pad?: number | undefined;
        } | undefined;
        readonly pad?: number | readonly number[] | undefined;
        readonly bg?: string | undefined;
        readonly blur?: number | undefined;
        readonly saturation?: number | undefined;
        readonly brightness?: number | undefined;
        readonly contrast?: number | undefined;
        readonly sharpen?: {
            readonly amount: number;
            readonly radius: number;
            readonly threshold: number;
        } | undefined;
        readonly frame?: number | undefined;
        readonly resizeFilter?: "nearest" | "bilinear" | "bicubic" | "lanczos2" | "lanczos3" | undefined;
    }, {
        readonly auto?: "webp" | "webp,compress" | undefined;
        readonly quality?: number | undefined;
        readonly format?: "webp" | "png" | "jpg" | "jpeg" | "gif" | "auto" | undefined;
        readonly width?: number | undefined;
        readonly height?: number | undefined;
        readonly fit?: "bounds" | "crop" | undefined;
        readonly crop?: string | undefined;
        readonly trim?: number | readonly number[] | undefined;
        readonly orient?: "default" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | undefined;
        readonly dpr?: number | undefined;
        readonly disable?: "upscale" | undefined;
        readonly overlay?: {
            readonly relativeURL: string;
            readonly align?: "top" | "bottom" | "left" | "right" | "middle" | "center" | undefined;
            readonly repeat?: "x" | "y" | "both" | undefined;
            readonly width?: string | number | undefined;
            readonly height?: string | number | undefined;
            readonly pad?: number | undefined;
        } | undefined;
        readonly pad?: number | readonly number[] | undefined;
        readonly bg?: string | undefined;
        readonly blur?: number | undefined;
        readonly saturation?: number | undefined;
        readonly brightness?: number | undefined;
        readonly contrast?: number | undefined;
        readonly sharpen?: {
            readonly amount: number;
            readonly radius: number;
            readonly threshold: number;
        } | undefined;
        readonly frame?: number | undefined;
        readonly resizeFilter?: "nearest" | "bilinear" | "bicubic" | "lanczos2" | "lanczos3" | undefined;
    }>>;
    updateTransform: (newOptions: Partial<ImageTransformOptions>) => void;
    resetTransform: () => void;
};