import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives--8cXayNa.js';
import { O as OptixFlowConfig } from './blocks-DCvdF54D.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

interface CaseStudyTestimonialStat {
    /**
     * Stat value (e.g., "98%", "3.8x")
     */
    value: React.ReactNode;
    /**
     * Stat label (e.g., "Customer Satisfaction")
     */
    label: React.ReactNode;
    /**
     * Stat description (e.g., "From verified reviews")
     */
    description: React.ReactNode;
}
interface CaseStudyTestimonialItem {
    /**
     * Testimonial author image URL
     */
    image: string;
    /**
     * Testimonial quote text
     */
    quote: React.ReactNode;
    /**
     * Author name
     */
    authorName: React.ReactNode;
    /**
     * Author role/title
     */
    authorRole: React.ReactNode;
    /**
     * Company logo image URL
     */
    companyLogo: string;
    /**
     * Array of stats for this testimonial
     */
    stats: CaseStudyTestimonialStat[];
}
interface CaseStudiesTestimonialStatsProps {
    /**
     * Section heading text
     */
    heading?: React.ReactNode;
    /**
     * Section subheading/title
     */
    subheading?: React.ReactNode;
    /**
     * Array of testimonial items
     */
    testimonials?: CaseStudyTestimonialItem[];
    /**
     * Custom slot for rendering testimonials (overrides testimonials array)
     */
    testimonialsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the header area
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the subheading
     */
    subheadingClassName?: string;
    /**
     * Additional CSS classes for the testimonials container
     */
    testimonialsClassName?: string;
    /**
     * Additional CSS classes for each testimonial item
     */
    testimonialItemClassName?: string;
    /**
     * Additional CSS classes for the testimonial image
     */
    imageClassName?: string;
    /**
     * Additional CSS classes for the quote text
     */
    quoteClassName?: string;
    /**
     * Additional CSS classes for the author info
     */
    authorClassName?: string;
    /**
     * Additional CSS classes for the stats container
     */
    statsClassName?: string;
    /**
     * Additional CSS classes for the separator
     */
    separatorClassName?: 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;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * CaseStudiesTestimonialStats displays customer testimonials alongside key metrics
 * in a split-layout format with visual separators.
 *
 * Features a two-column layout with customer photo and quote on the left, and
 * performance statistics on the right. Each testimonial includes author details
 * with company logo. Multiple testimonials are separated by horizontal dividers.
 * Ideal for showcasing customer success stories with quantifiable results and
 * social proof metrics.
 *
 * @example
 * ```tsx
 * <CaseStudiesTestimonialStats
 *   heading="4500+ Satisfied Customers"
 *   subheading="Real results from real users"
 *   testimonials={[
 *     {
 *       image: "/images/customer.jpg",
 *       quote: "This tool transformed our workflow...",
 *       authorName: "John Doe",
 *       authorRole: "CEO",
 *       companyLogo: "/logos/company.svg",
 *       stats: [
 *         { value: "98%", label: "Satisfaction", description: "From reviews" }
 *       ]
 *     }
 *   ]}
 * />
 * ```
 */
declare function CaseStudiesTestimonialStats({ sectionId, heading, subheading, testimonials, testimonialsSlot, className, containerClassName, headerClassName, headingClassName, subheadingClassName, testimonialsClassName, testimonialItemClassName, imageClassName, quoteClassName, authorClassName, statsClassName, separatorClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: CaseStudiesTestimonialStatsProps): React.JSX.Element;

export { CaseStudiesTestimonialStats, type CaseStudiesTestimonialStatsProps, type CaseStudyTestimonialItem };
