import * as React from 'react';
import { OptixFlowConfig } from '@page-speed/img';

interface ReviewWithImages {
    id: string;
    rating: number;
    title: string;
    content: string;
    author: {
        name: string;
        avatar?: string;
    };
    date: string;
    verified?: boolean;
    images?: string[];
    helpful?: number;
    variant?: string;
}
interface ReviewsImagesHelpfulProps {
    reviews?: ReviewWithImages[];
    title?: string;
    className?: string;
    onWriteReview?: () => void;
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * ReviewsImagesHelpful - An enhanced customer reviews section featuring image attachments,
 * helpful voting functionality, and a write review button. Displays reviews with star ratings,
 * product variants, user avatars with verification badges, and interactive helpful/report
 * buttons. Perfect for e-commerce product pages requiring rich review experiences.
 *
 * @example
 * ```tsx
 * <ReviewsImagesHelpful
 *   title="Customer Reviews"
 *   reviews={[
 *     {
 *       id: "1",
 *       rating: 5,
 *       title: "Amazing quality",
 *       content: "This product exceeded my expectations...",
 *       author: { name: "Jane D.", avatar: "/avatars/jane.jpg" },
 *       date: "Dec 15, 2024",
 *       verified: true,
 *       images: ["/review-images/1.jpg"],
 *       helpful: 15,
 *       variant: "Size M, Blue"
 *     }
 *   ]}
 *   onWriteReview={() => console.log("Open review form")}
 * />
 * ```
 */
declare function ReviewsImagesHelpful({ reviews, title, className, onWriteReview, optixFlowConfig, }: ReviewsImagesHelpfulProps): React.JSX.Element;

export { type ReviewWithImages, ReviewsImagesHelpful, type ReviewsImagesHelpfulProps };
