/**
 * This is a high-level image component that offers several features including:
 * - Loading progress tracking when `crossOrigin` is specified.
 * - A default reload button in case of timeout.
 * - Support for lazy loading, among other functionalities.
 *
 * It is recommended to explicitly set the width and height (or min-width/min-height) properties
 * when using this component. Without these specifications, the loading placeholder
 * may not render correctly as the default width and height are set to zero.
 */
export declare const SodaImage: import('react').ForwardRefExoticComponent<{
    src?: string;
    /**
     * This prevent the image to load until the image get into the viewport
     */
    lazy?: boolean;
    /**
     * Timeout in ms, default 10,000
     */
    timeout?: number;
    /**
     * Placeholder when the image is loading, by default use `<CircularProgressIndicator/>`
     */
    placeholder?: React.ReactNode;
    /**
     * Optional description string
     */
    description?: React.ReactNode;
    /**
     * Adjust the image's object-fit
     */
    objectFit?: React.CSSProperties["objectFit"];
    /**
     * Adjust the image's aspect-ratio
     */
    aspectRatio?: React.CSSProperties["aspectRatio"];
    /**
     * Alt attribute for the image itself
     */
    alt?: HTMLImageElement["alt"];
    /**
     * Sends a CORS request to fetch the image, enabling tracking of the download progress.
     * This allows for displaying an accurate progress value in the `<CircularProgressIndicator/>` placeholder
     */
    crossOrigin?: React.ImgHTMLAttributes<HTMLImageElement>["crossOrigin"];
    referrerPolicy?: React.ImgHTMLAttributes<HTMLImageElement>["referrerPolicy"];
    /**
     * Cache property for fetch, only works when `crossOrigin` is specified
     */
    cache?: RequestCache;
    width?: string | number;
    height?: string | number;
    minWidth?: string | number;
    minHeight?: string | number;
    /**
     * Can be used to customize behavior based on state
     */
    children?: ((state: "lazy" | "loading" | "error" | "loaded") => React.ReactNode) | React.ReactNode;
} & Omit<import('react').HTMLProps<HTMLDivElement>, "aspectRatio" | "height" | "minHeight" | "minWidth" | "objectFit" | "width" | "as" | "ref" | "alt" | "crossOrigin" | "placeholder" | "src" | "children" | "referrerPolicy" | "lazy" | "timeout" | "description" | "cache"> & import('react').RefAttributes<{
    reload(): void;
}>>;