import * as React from 'react';

interface CenteredTestimonial {
    id: string;
    quote: string;
    author: {
        name: string;
        role?: string;
        company?: string;
        avatar?: string;
    };
}
interface TestimonialsCenteredAvatarsProps {
    testimonials?: CenteredTestimonial[];
    badge?: string;
    title?: string;
    className?: string;
}
/**
 * TestimonialsCenteredAvatars - A centered testimonial section featuring a badge,
 * title, and a row of large overlapping avatars. Displays multiple testimonials
 * in a clean, centered layout with prominent author photos creating visual interest
 * through the overlapping avatar stack. Ideal for trust-building sections on landing
 * pages where social proof from recognizable faces is important.
 *
 * @example
 * ```tsx
 * <TestimonialsCenteredAvatars
 *   badge="Testimonials"
 *   title="Trusted by Industry Leaders"
 *   testimonials={[
 *     {
 *       id: "1",
 *       quote: "This platform changed everything...",
 *       author: { name: "Jane D.", role: "CEO", company: "TechCo", avatar: "/avatars/jane.jpg" }
 *     }
 *   ]}
 * />
 * ```
 */
declare function TestimonialsCenteredAvatars({ testimonials, badge, title, className, }: TestimonialsCenteredAvatarsProps): React.JSX.Element;

export { type CenteredTestimonial, TestimonialsCenteredAvatars, type TestimonialsCenteredAvatarsProps };
