import React, { type ReactNode } from "react";
export interface ImageGalleryImage {
    src: string;
    alt?: string;
}
export interface ImageGalleryProps {
    /** Array of images to display */
    images: ImageGalleryImage[];
    /** Currently selected image index (controlled mode) */
    selectedIndex?: number;
    /** Default selected image index (uncontrolled mode) */
    defaultSelectedIndex?: number;
    /** Callback when image selection changes */
    onImageChange?: (index: number) => void;
    /** Callback when an image fails to load */
    onImageError?: (index: number, error: React.SyntheticEvent<HTMLImageElement, Event>) => void;
    /** Custom aspect ratio for main image (e.g., "16/9", "4/3") */
    aspectRatio?: string;
    /** Number of thumbnails visible at once (controls thumbnail size) */
    thumbnailsPerView?: number;
    /** Custom fallback content for failed images */
    imageFallback?: ReactNode;
    /** Disable all interactions */
    disabled?: boolean;
    /** Additional CSS classes */
    className?: string;
}
export declare const ImageGallery: React.ForwardRefExoticComponent<ImageGalleryProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=image-gallery.d.ts.map