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

interface LogoTestimonial {
    id: string;
    content: string;
    author: {
        name: string;
        role?: string;
        avatar?: string;
    };
    companyLogo?: string;
    companyLogoAlt?: string;
}
interface TestimonialsLogoCardsProps {
    testimonials?: LogoTestimonial[];
    title?: string;
    subtitle?: string;
    className?: string;
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * TestimonialsLogoCards - A grid of testimonial cards featuring company logos in the
 * header. Each card displays a company logo, extended quote, and author information
 * with avatar. The prominent logo placement emphasizes brand partnerships and enterprise
 * credibility. Ideal for B2B landing pages showcasing client testimonials with brand
 * recognition.
 *
 * @example
 * ```tsx
 * <TestimonialsLogoCards
 *   title="Trusted by Leading Companies"
 *   subtitle="See what our enterprise clients say"
 *   testimonials={[
 *     {
 *       id: "1",
 *       content: "Amazing platform...",
 *       author: { name: "Jane D.", role: "CTO", avatar: "/avatars/jane.jpg" },
 *       companyLogo: "/logos/company.svg",
 *       companyLogoAlt: "Acme Corp"
 *     }
 *   ]}
 * />
 * ```
 */
declare function TestimonialsLogoCards({ testimonials, title, subtitle, className, optixFlowConfig, }: TestimonialsLogoCardsProps): React.JSX.Element;

export { type LogoTestimonial, TestimonialsLogoCards, type TestimonialsLogoCardsProps };
