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

interface ScrollingColumnTestimonial {
    id: string;
    quote: string;
    name: string;
    role: string;
    imageSrc: string;
}
interface TestimonialsScrollingColumnsProps {
    testimonials?: ScrollingColumnTestimonial[];
    title?: string;
    subtitle?: string;
    className?: string;
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * TestimonialsScrollingColumns - An animated testimonial section with staggered card
 * animations powered by Framer Motion. Features large image cards with gradient overlays
 * and quote content positioned at the bottom. Cards animate into view with a staggered
 * effect as they enter the viewport. Ideal for visually rich testimonial sections
 * requiring engaging scroll-triggered animations.
 *
 * @example
 * ```tsx
 * <TestimonialsScrollingColumns
 *   title="What Our Clients Say"
 *   subtitle="Real feedback from real customers"
 *   testimonials={[
 *     {
 *       id: "1",
 *       quote: "Amazing experience...",
 *       name: "Jane D.",
 *       role: "CEO",
 *       imageSrc: "/images/testimonial-1.jpg"
 *     }
 *   ]}
 * />
 * ```
 */
declare function TestimonialsScrollingColumns({ testimonials, title, subtitle, className, optixFlowConfig, }: TestimonialsScrollingColumnsProps): React.JSX.Element;

export { type ScrollingColumnTestimonial, TestimonialsScrollingColumns, type TestimonialsScrollingColumnsProps };
