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

interface AnimatedSplitTestimonial {
    id: string;
    quote: string;
    author: {
        name: string;
        role?: string;
        company?: string;
        avatar?: string;
    };
    image: string;
}
interface TestimonialsAnimatedSplitProps {
    testimonials?: AnimatedSplitTestimonial[];
    autoPlayInterval?: number;
    className?: string;
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * TestimonialsAnimatedSplit - An animated split-screen testimonial section with smooth
 * transitions powered by Framer Motion. Features a large image on one side and animated
 * quote content on the other. Includes auto-play functionality, navigation dots, and
 * previous/next buttons. The animations create an engaging, premium feel. Perfect for
 * hero sections or featured testimonial showcases.
 *
 * @example
 * ```tsx
 * <TestimonialsAnimatedSplit
 *   testimonials={[
 *     {
 *       id: "1",
 *       quote: "This service transformed our business...",
 *       author: { name: "Jane D.", role: "CEO", company: "TechCo", avatar: "/avatars/jane.jpg" },
 *       image: "/images/testimonial-1.jpg"
 *     }
 *   ]}
 *   autoPlayInterval={6000}
 * />
 * ```
 */
declare function TestimonialsAnimatedSplit({ testimonials, autoPlayInterval, className, optixFlowConfig, }: TestimonialsAnimatedSplitProps): React.JSX.Element;

export { type AnimatedSplitTestimonial, TestimonialsAnimatedSplit, type TestimonialsAnimatedSplitProps };
