import * as React from 'react';
import { OptixFlowConfig } from '@page-speed/img';

interface CarouselTestimonial {
    id: string;
    quote: string;
    author: {
        name: string;
        role?: string;
        company?: string;
    };
    backgroundImage: string;
}
interface TestimonialsCarouselImageProps {
    testimonials?: CarouselTestimonial[];
    className?: string;
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * TestimonialsCarouselImage - A full-width image carousel testimonial section with
 * large background images, overlay gradients, and navigation controls. Each slide
 * displays a prominent quote with author information over a visually striking image.
 * Features previous/next navigation buttons and dot indicators. Perfect for hero
 * sections or impactful testimonial showcases requiring visual storytelling.
 *
 * @example
 * ```tsx
 * <TestimonialsCarouselImage
 *   testimonials={[
 *     {
 *       id: "1",
 *       quote: "This service transformed our business...",
 *       author: { name: "Jane D.", role: "CEO", company: "TechCo" },
 *       backgroundImage: "/images/testimonial-bg-1.jpg"
 *     }
 *   ]}
 * />
 * ```
 */
declare function TestimonialsCarouselImage({ testimonials, className, optixFlowConfig, }: TestimonialsCarouselImageProps): React.JSX.Element;

export { type CarouselTestimonial, TestimonialsCarouselImage, type TestimonialsCarouselImageProps };
