import * as react_jsx_runtime from 'react/jsx-runtime';

interface CarouselScaleFocusImage {
    src: string;
    alt: string;
}
interface CarouselScaleFocusProps {
    images?: CarouselScaleFocusImage[];
    className?: string;
    /** Optional Optix Flow configuration for @page-speed/img */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CarouselScaleFocus displays images with a scale and opacity focus effect.
 *
 * Features a centered carousel where the active slide is displayed at full
 * scale and opacity, while adjacent slides are scaled down to 70% and faded
 * to 40% opacity. Large navigation arrows are positioned outside the carousel
 * area, and dot indicators below allow direct slide selection. Ideal for
 * hero image galleries, product showcases, or any content requiring visual
 * emphasis on the current selection.
 *
 * @example
 * ```tsx
 * <CarouselScaleFocus
 *   images={[
 *     { src: "/images/hero-1.jpg", alt: "Hero image 1" },
 *     { src: "/images/hero-2.jpg", alt: "Hero image 2" }
 *   ]}
 * />
 * ```
 */
declare function CarouselScaleFocus({ images, className, optixFlowConfig, }: CarouselScaleFocusProps): react_jsx_runtime.JSX.Element;

export { CarouselScaleFocus, type CarouselScaleFocusImage, type CarouselScaleFocusProps };
