import type { Store } from '../../types.js';
import type { ImageGalleryState, ImageGalleryAction, GalleryImage } from './image-gallery.types.js';
/**
 * Image Gallery Component - Dual Mode API
 *
 * Displays images in a responsive grid with optional lightbox.
 * Supports two modes:
 * 1. Simple: Component creates internal store
 * 2. Advanced: User provides external store
 */
interface SimpleProps {
    images: GalleryImage[];
    columns?: number;
    gap?: number;
    aspectRatio?: 'auto' | 'square' | '16:9' | '4:3';
    onImageClick?: (image: GalleryImage, index: number) => void;
    onImageLoad?: (imageId: string) => void;
    onImageError?: (imageId: string, error: string) => void;
    class?: string;
    thumbnailClass?: string;
    enableLightbox?: boolean;
    enableLazyLoad?: boolean;
    store?: never;
}
interface AdvancedProps {
    store: Store<ImageGalleryState, ImageGalleryAction>;
    class?: string;
    thumbnailClass?: string;
    images?: never;
    columns?: never;
    gap?: never;
    aspectRatio?: never;
    onImageClick?: never;
    onImageLoad?: never;
    onImageError?: never;
    enableLightbox?: never;
    enableLazyLoad?: never;
}
type Props = SimpleProps | AdvancedProps;
declare const ImageGallery: import("svelte").Component<Props, {}, "">;
type ImageGallery = ReturnType<typeof ImageGallery>;
export default ImageGallery;
//# sourceMappingURL=ImageGallery.svelte.d.ts.map