import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives--8cXayNa.js';
import { O as OptixFlowConfig } from './blocks-DCvdF54D.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * CarouselGalleryThumbnails
 *
 * A gallery carousel with main image display, thumbnail navigation strip,
 * keyboard navigation support, and auto-play functionality. Features smooth
 * slide transitions with caption overlay and responsive thumbnail grid.
 *
 * Use cases:
 * - Product image galleries with multiple views
 * - Portfolio showcases with detailed image browsing
 * - Real estate property photo galleries
 * - Event photography collections
 */

interface GalleryImage {
    /**
     * Image source URL
     */
    src: string;
    /**
     * Image alt text/caption
     */
    alt?: React.ReactNode;
    /**
     * Image width
     */
    width?: number;
    /**
     * Image height
     */
    height?: number;
    /**
     * Additional CSS classes for the image
     */
    className?: string;
    /**
     * Additional CSS classes for the image element
     */
    imageClassName?: string;
}
interface CarouselGalleryThumbnailsProps {
    /**
     * Array of gallery images
     */
    images?: GalleryImage[];
    /**
     * Custom slot for rendering images (overrides images array)
     */
    imagesSlot?: React.ReactNode;
    /**
     * Enable auto-play
     */
    autoPlay?: boolean;
    /**
     * Auto-play interval in milliseconds
     */
    autoPlayInterval?: number;
    /**
     * Show thumbnail navigation
     */
    showThumbnails?: boolean;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the main carousel container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the slide area
     */
    slideClassName?: string;
    /**
     * Additional CSS classes for the navigation buttons
     */
    navigationClassName?: string;
    /**
     * Additional CSS classes for the caption
     */
    captionClassName?: string;
    /**
     * Additional CSS classes for the thumbnails container
     */
    thumbnailsClassName?: string;
    /**
     * Additional CSS classes for individual thumbnails
     */
    thumbnailClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Intensity of the gradient overlay on slide images
     * @default "default"
     */
    slideMediaOverlayIntensity?: "low" | "default" | "high" | "very-high";
    /**
     * Brightness level for slide images (deprecated - prefer slideMediaOverlayIntensity)
     */
    slideMediaBrightness?: "10" | "20" | "25" | "30" | "40" | "50" | "75" | "100";
    /** Optional Section ID */
    sectionId?: string;
}
declare function CarouselGalleryThumbnails({ sectionId, images, imagesSlot, autoPlay, autoPlayInterval, showThumbnails, className, containerClassName, slideClassName, navigationClassName, captionClassName, thumbnailsClassName, thumbnailClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, slideMediaBrightness, slideMediaOverlayIntensity, }: CarouselGalleryThumbnailsProps): React.JSX.Element;

export { CarouselGalleryThumbnails, type CarouselGalleryThumbnailsProps, type GalleryImage };
