import * as React from 'react';

interface MasonryTestimonial {
    id: string;
    content: string;
    author: {
        name: string;
        role?: string;
        avatar?: string;
    };
}
interface TestimonialsMasonryGridProps {
    testimonials?: MasonryTestimonial[];
    title?: string;
    subtitle?: string;
    className?: string;
}
/**
 * TestimonialsMasonryGrid - A masonry-style grid layout for testimonials with varying
 * card heights based on content length. Cards are distributed across columns creating
 * an organic, Pinterest-like layout. Each card displays a quote with author avatar,
 * name, and role. The masonry effect creates visual interest while efficiently using
 * space. Ideal for showcasing testimonials of varying lengths.
 *
 * @example
 * ```tsx
 * <TestimonialsMasonryGrid
 *   title="What People Say"
 *   subtitle="Feedback from our community"
 *   testimonials={[
 *     {
 *       id: "1",
 *       content: "Amazing product that changed our workflow...",
 *       author: { name: "John D.", role: "CEO", avatar: "/avatars/john.jpg" }
 *     }
 *   ]}
 * />
 * ```
 */
declare function TestimonialsMasonryGrid({ testimonials, title, subtitle, className, }: TestimonialsMasonryGridProps): React.JSX.Element;

export { type MasonryTestimonial, TestimonialsMasonryGrid, type TestimonialsMasonryGridProps };
