import React from "react";
import type { UseOptimizedImageOptions } from "@page-speed/hooks/media";
type NativeImgProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "srcSet" | "sizes" | "fetchPriority"> & {
    src?: string;
};
export type ImgProps = NativeImgProps & {
    /** Explicit sizes attribute (otherwise derived from useOptimizedImage) */
    sizes?: string;
    /** Fetch priority hint – maps to the HTML `fetchpriority` attribute */
    fetchPriority?: "high" | "low" | "auto";
    /** Intersection observer threshold for lazy loading */
    intersectionThreshold?: number;
    /** Intersection observer root margin for lazy loading */
    intersectionMargin?: string;
    /** OptixFlow integration options */
    optixFlowConfig?: UseOptimizedImageOptions["optixFlowConfig"];
    /** Enable debug logging for image requests */
    useDebugMode?: boolean;
};
export declare const setDefaultOptixFlowConfig: (config?: UseOptimizedImageOptions["optixFlowConfig"] | null) => void;
export declare const Img: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "srcSet" | "sizes" | "fetchPriority"> & {
    src?: string;
} & {
    /** Explicit sizes attribute (otherwise derived from useOptimizedImage) */
    sizes?: string;
    /** Fetch priority hint – maps to the HTML `fetchpriority` attribute */
    fetchPriority?: "high" | "low" | "auto";
    /** Intersection observer threshold for lazy loading */
    intersectionThreshold?: number;
    /** Intersection observer root margin for lazy loading */
    intersectionMargin?: string;
    /** OptixFlow integration options */
    optixFlowConfig?: UseOptimizedImageOptions["optixFlowConfig"];
    /** Enable debug logging for image requests */
    useDebugMode?: boolean;
} & React.RefAttributes<HTMLImageElement>>>;
export {};