import type { ImageContent } from "@prismicio/types-internal/lib/content";
import type { Image } from "@prismicio/types-internal/lib/customtypes";
import type { MediaAssetOrExternalImage } from "../../core/MediaLibrary/hooks/mediaLibraryData";
import type { CroppedImages } from "./CropperDialog";
interface useImageFieldProps {
    content: ImageContent | undefined;
    field: Image;
    onContentChange: (content: ImageContent | undefined) => void;
}
export declare function useImageField(props: useImageFieldProps): {
    onCropperDialogClose: ({ option, croppedImages, }: {
        option: number;
        croppedImages: CroppedImages;
    }) => void;
    onPageChange: (page: number) => void;
    onMediaSelected: (media: MediaAssetOrExternalImage) => void;
    isUpdating: boolean;
    page: number;
    thumbnail: import("../../core/imageUtils").Thumbnail | undefined;
    allThumbnails: readonly import("../../core/imageUtils").Thumbnail[];
    allContentViews: readonly [{
        origin: {
            id: string;
            url: string;
            width: number;
            height: number;
        };
        width: number;
        height: number;
        edit: {
            zoom: number;
            crop: {
                x: number;
                y: number;
            };
            background: string;
        };
    } & {
        url?: string | undefined;
        credits?: string | null | undefined;
        alt?: string | null | undefined;
        provider?: string | null | undefined;
    }, ...(({
        origin: {
            id: string;
            url: string;
            width: number;
            height: number;
        };
        width: number;
        height: number;
        edit: {
            zoom: number;
            crop: {
                x: number;
                y: number;
            };
            background: string;
        };
    } & {
        url?: string | undefined;
        credits?: string | null | undefined;
        alt?: string | null | undefined;
        provider?: string | null | undefined;
    }) | undefined)[]] | undefined;
    contentView: ({
        origin: {
            id: string;
            url: string;
            width: number;
            height: number;
        };
        width: number;
        height: number;
        edit: {
            zoom: number;
            crop: {
                x: number;
                y: number;
            };
            background: string;
        };
    } & {
        url?: string | undefined;
        credits?: string | null | undefined;
        alt?: string | null | undefined;
        provider?: string | null | undefined;
    }) | undefined;
    onClear: () => void;
    uploadImage: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<{
        url: string;
        id: string;
        tags: {
            id: string;
            name: string;
            created_at: number;
            last_modified: number;
            count: number;
            uploader_id?: string | undefined;
        }[];
        size: number;
        kind: string;
        last_modified: number;
        filename: string;
        notes?: string | undefined;
        height?: number | undefined;
        width?: number | undefined;
        credits?: string | undefined;
        alt?: string | undefined;
        uploader_id?: string | undefined;
        extension?: string | undefined;
        search_highlight?: {
            notes?: string | undefined;
            credits?: string | undefined;
            alt?: string | undefined;
            filename?: string | undefined;
        } | undefined;
    }, Error, File, unknown>;
    isUploadingImage: boolean;
};
export {};