import * as React from 'react';

interface StatItem {
    value: string;
    label: string;
}
interface StatsTestimonial {
    id: string;
    content: string;
    author: {
        name: string;
        role?: string;
        avatar?: string;
    };
}
interface TestimonialsStatsHeaderProps {
    stats?: StatItem[];
    testimonials?: StatsTestimonial[];
    title?: string;
    subtitle?: string;
    className?: string;
}
/**
 * TestimonialsStatsHeader - A testimonial section featuring a prominent statistics
 * header followed by testimonial cards. The stats section displays key metrics in
 * a horizontal row, providing social proof through numbers. Below, testimonial cards
 * show customer quotes with author information. Perfect for landing pages requiring
 * both quantitative and qualitative social proof.
 *
 * @example
 * ```tsx
 * <TestimonialsStatsHeader
 *   title="Trusted by Thousands"
 *   subtitle="See what our customers have to say"
 *   stats={[
 *     { value: "10K+", label: "Users" },
 *     { value: "4.9", label: "Rating" }
 *   ]}
 *   testimonials={[...]}
 * />
 * ```
 */
declare function TestimonialsStatsHeader({ stats, testimonials, title, subtitle, className, }: TestimonialsStatsHeaderProps): React.JSX.Element;

export { type StatItem, type StatsTestimonial, TestimonialsStatsHeader, type TestimonialsStatsHeaderProps };
