import { type ImageResizeOptions } from "../utils/imageUrl";
import type { ResolvedImage } from "../utils/resolveConfig";
import type { EditableNodeAttributes } from "../types";
export type StudioImageSource = ResolvedImage | string | null | undefined;
export interface StudioImagePlaceholder {
    dataUri: string;
    dominantColor: string;
    width: number;
    height: number;
    version: string;
}
interface StudioImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, "alt" | "sizes" | "src" | "srcSet">, EditableNodeAttributes {
    src: StudioImageSource;
    sizes: string;
    alt?: string;
    fallbackAlt?: string;
    decorative?: boolean;
    allowCrop?: boolean;
    quality?: number;
    /** Largest generated srcset candidate. Useful when the source or layout cannot benefit from 1920px. */
    maxWidth?: number;
    placeholder?: StudioImagePlaceholder | null;
    placeholderBackdrop?: "dominant" | "transparent";
    mediaId?: string | null;
}
export declare function studioImageAltText(source: StudioImageSource, explicitAlt: string | undefined, fallbackAlt: string | undefined, decorative: boolean): string;
export declare function studioImageUrl(source: StudioImageSource, opts?: ImageResizeOptions & {
    allowCrop?: boolean;
}): string;
export declare function StudioImage({ src, sizes, alt, fallbackAlt, decorative, allowCrop, quality, maxWidth, placeholder, placeholderBackdrop, mediaId, loading, className, style, onLoad, onError, "data-node-id": dataNodeId, ...imgProps }: StudioImageProps): import("react/jsx-runtime").JSX.Element | null;
export {};
//# sourceMappingURL=StudioImage.d.ts.map