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

interface SplitTestimonial {
    quote: string;
    author: {
        name: string;
        role?: string;
        company?: string;
        avatar?: string;
    };
    image: string;
}
interface TestimonialsSplitImageProps {
    testimonial?: SplitTestimonial;
    imagePosition?: "left" | "right";
    className?: string;
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * TestimonialsSplitImage - A two-column split layout testimonial featuring a large
 * image on one side and a prominent quote with author details on the other. The image
 * position is configurable (left or right). Includes a decorative quote icon, author
 * avatar, name, role, and company. Ideal for featured testimonials, case study highlights,
 * or any section requiring visual impact alongside social proof.
 *
 * @example
 * ```tsx
 * <TestimonialsSplitImage
 *   testimonial={{
 *     quote: "This service transformed our business...",
 *     author: { name: "Jane D.", role: "CEO", company: "TechCo", avatar: "/avatars/jane.jpg" },
 *     image: "/images/testimonial.jpg"
 *   }}
 *   imagePosition="left"
 * />
 * ```
 */
declare function TestimonialsSplitImage({ testimonial, imagePosition, className, optixFlowConfig, }: TestimonialsSplitImageProps): React.JSX.Element;

export { type SplitTestimonial, TestimonialsSplitImage, type TestimonialsSplitImageProps };
