import type { CloudinaryImageCrop, CloudinaryImageFormat, CloudinaryResponsiveImageProps } from "../../hooks/useImage";
import type { ImageDecoding, ImageLoading } from "../../types/core";
import type { CSSProperties } from "react";
import * as React from "react";
import "react-aspect-ratio/aspect-ratio.css";
export declare const internalDefaults: {
    domain: string;
    uploadFolder: string;
    fallback404ImageId: string;
    quality: number;
    crop: string;
    gravity: string;
    format: string;
    loading: string;
    backgroundLazy: boolean;
    decoding: string;
    responsive: {
        breakpoint: null;
        width: string;
    }[];
};
/**
 * <CloudinaryImage>
 *
 * @deprecated This component will be removed from Griddo in the future.
 */
declare function CloudinaryImage(props: CloudinaryImageProps): React.JSX.Element;
export interface CloudinaryImageProps {
    alt?: string;
    width?: string;
    height?: string;
    ratio?: number | string;
    fixed?: boolean;
    publicId?: string;
    src?: string;
    objectFit?: CSSProperties["objectFit"];
    quality?: number;
    crop?: CloudinaryImageCrop;
    gravity?: string;
    format?: CloudinaryImageFormat;
    loading?: ImageLoading;
    backgroundLazy?: boolean;
    decoding?: ImageDecoding;
    sizes?: string;
    responsive?: Array<CloudinaryResponsiveImageProps>;
}
export { CloudinaryImage };