import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
import 'react/jsx-runtime';
import './blocks-XLPGq8A5.js';
import 'class-variance-authority';
import './button-variants-CdNtNOuP.js';
import 'class-variance-authority/types';

/**
 * Review item interface for grid with add review
 */
interface GridReviewItem {
    /**
     * Star rating (1-5)
     */
    rating: number;
    /**
     * Review content/body
     */
    content: React.ReactNode;
    /**
     * Author name
     */
    author?: React.ReactNode;
    /**
     * Author avatar image URL
     */
    avatarSrc?: string;
}
interface TestimonialsGridAddReviewProps {
    /**
     * Array of reviews to display
     */
    reviews?: GridReviewItem[];
    /**
     * Custom slot for rendering reviews (overrides reviews array)
     */
    reviewsSlot?: React.ReactNode;
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description text below heading
     */
    description?: React.ReactNode;
    /**
     * Text for the add review button
     */
    addReviewText?: React.ReactNode;
    /**
     * Subtitle for the add review card
     */
    addReviewSubtext?: React.ReactNode;
    /**
     * Callback when add review is clicked
     */
    onAddReview?: () => void;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the header container
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the grid container
     */
    gridClassName?: string;
    /**
     * Additional CSS classes for each card
     */
    cardClassName?: string;
    /**
     * Additional CSS classes for the add review card
     */
    addReviewCardClassName?: string;
    /**
     * Additional CSS classes for the author section
     */
    authorClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
}
/**
 * TestimonialsGridAddReview - A testimonial grid layout featuring review cards with
 * star ratings and an interactive "Add Review" card. The add review card uses a dashed
 * border and plus icon to invite user participation. Each testimonial displays a star
 * rating, review content, and author avatar. Ideal for product pages or community
 * sections encouraging user-generated content.
 *
 * @example
 * ```tsx
 * <TestimonialsGridAddReview
 *   heading="Customer Reviews"
 *   description="See what our customers are saying"
 *   reviews={[
 *     {
 *       rating: 5,
 *       content: "Amazing product!",
 *       author: "John D.",
 *       avatarSrc: "/avatars/john.jpg"
 *     }
 *   ]}
 *   onAddReview={() => console.log("Open review form")}
 *   background="white"
 *   spacing="lg"
 * />
 * ```
 */
declare function TestimonialsGridAddReview({ reviews, reviewsSlot, heading, description, addReviewText, addReviewSubtext, onAddReview, className, headerClassName, headingClassName, descriptionClassName, gridClassName, cardClassName, addReviewCardClassName, authorClassName, background, spacing, pattern, patternOpacity, }: TestimonialsGridAddReviewProps): React.JSX.Element;

export { type GridReviewItem, TestimonialsGridAddReview, type TestimonialsGridAddReviewProps };
