import * as React from 'react';

interface TestimonialItem {
    id: string;
    quote: string;
    author: {
        name: string;
        role?: string;
        company?: string;
        avatar?: string;
    };
    featured?: boolean;
}
interface TestimonialsBentoGridProps {
    testimonials?: TestimonialItem[];
    title?: string;
    subtitle?: string;
    className?: string;
}
/**
 * TestimonialsBentoGrid - A modern bento-style grid layout featuring one large featured
 * testimonial card alongside smaller testimonial cards. The featured card spans multiple
 * rows for visual hierarchy, while remaining cards fill the grid in an asymmetric pattern.
 * Includes quote icons, author avatars, roles, and company names. Perfect for landing pages
 * and marketing sections requiring visual impact.
 *
 * @example
 * ```tsx
 * <TestimonialsBentoGrid
 *   title="What Our Customers Say"
 *   subtitle="Trusted by thousands of companies worldwide"
 *   testimonials={[
 *     {
 *       id: "1",
 *       quote: "This platform transformed our workflow...",
 *       author: { name: "Jane D.", role: "CEO", company: "TechCo", avatar: "/avatars/jane.jpg" },
 *       featured: true
 *     }
 *   ]}
 * />
 * ```
 */
declare function TestimonialsBentoGrid({ testimonials, title, subtitle, className, }: TestimonialsBentoGridProps): React.JSX.Element;

export { type TestimonialItem, TestimonialsBentoGrid, type TestimonialsBentoGridProps };
