import { default as React } from 'react';
export interface ImageProps {
    /** Image source URL */
    src: string;
    /** Alt text */
    alt: string;
    /** Fallback image URL */
    fallback?: string;
    /** Width */
    width?: string | number;
    /** Height */
    height?: string | number;
    /** Object fit */
    objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
    /** Lazy loading */
    loading?: 'lazy' | 'eager';
    /** Show loading state */
    showLoader?: boolean;
    /** Rounded corners */
    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
    /** Border */
    border?: boolean;
    /** Additional className */
    className?: string;
    /** Callback when image loads */
    onLoad?: () => void;
    /** Callback when image errors */
    onError?: () => void;
}
/**
 * Image Component
 *
 * Image with lazy loading, error handling, and fallback support.
 * Shows loader and fallback states automatically.
 *
 * @example
 * ```tsx
 * <Image
 *   src="/avatar.jpg"
 *   alt="User avatar"
 *   width={100}
 *   height={100}
 *   rounded="full"
 * />
 * ```
 *
 * @example
 * ```tsx
 * <Image
 *   src={imageUrl}
 *   alt="Product image"
 *   fallback="/placeholder.png"
 *   loading="lazy"
 *   showLoader
 * />
 * ```
 */
export declare const Image: React.FC<ImageProps>;
//# sourceMappingURL=image.d.ts.map