/**
 * ImageDisplay – configurable multi-image display (primitive)
 *
 * Variants: single, carousel, hover, thumbStrip, thumbList. Use in ItemCard,
 * ProductCard, ProductGallery. Overridable via className/style.
 */
import React from 'react';
import type { ImageZoomMode } from './ImageZoom';
export type ImageDisplayVariant = 'single' | 'carousel' | 'hover' | 'thumbStrip' | 'thumbList';
export interface ImageDisplayProps {
    images: string[];
    variant?: ImageDisplayVariant;
    alt?: string;
    className?: string;
    style?: React.CSSProperties;
    carouselAutoplay?: boolean;
    carouselIntervalMs?: number;
    /** Enable zoom functionality */
    enableZoom?: boolean;
    /** Zoom mode: 'hover' (Amazon-style), 'lens', 'click' (lightbox), 'both' (hover + click) */
    zoomMode?: ImageZoomMode;
    /** Zoom magnification level (2 = 200%, 3 = 300%) */
    zoomLevel?: number;
    /** Show navigation dots for carousel */
    showDots?: boolean;
}
export declare function ImageDisplay({ images, variant, alt, className, style, carouselAutoplay, carouselIntervalMs, enableZoom, zoomMode, zoomLevel, showDots, }: ImageDisplayProps): React.JSX.Element;
//# sourceMappingURL=ImageDisplay.d.ts.map