import { default as React } from 'react';
export interface RetinaImageProps {
    /** Image source URL */
    src: string;
    /** Alt text */
    alt: string;
    /** Scale factor for retina images (default: 2 for 2x retina) */
    scale?: number;
    /** Additional className for the image */
    className?: string;
    /** Additional className for the container */
    containerClassName?: string;
    /** Callback when image loads */
    onLoad?: () => void;
    /** Callback when image errors */
    onError?: () => void;
}
/**
 * RetinaImage Component
 *
 * Displays retina (high-DPI) images at their correct display size.
 * Automatically scales down images based on the scale factor.
 * For 2x retina images, displays at 50% of natural dimensions.
 *
 * @example
 * ```tsx
 * // Display a 2x retina screenshot at correct size
 * <RetinaImage
 *   src="/screenshots/feature.png"
 *   alt="Feature screenshot"
 * />
 * ```
 *
 * @example
 * ```tsx
 * // Display a 3x retina image
 * <RetinaImage
 *   src="/images/icon@3x.png"
 *   alt="App icon"
 *   scale={3}
 * />
 * ```
 */
export declare const RetinaImage: React.FC<RetinaImageProps>;
//# sourceMappingURL=retina-image.d.ts.map