import * as react_jsx_runtime from 'react/jsx-runtime';

interface CaseStudyStatsCardAuthor {
    name: string;
    image: string;
    role: string;
}
interface CaseStudyStatsCardStat {
    number: string;
    text: string;
}
interface CaseStudiesStatsCardProps {
    companyLogo?: string;
    companyName?: string;
    stats?: CaseStudyStatsCardStat[];
    author?: CaseStudyStatsCardAuthor;
    title?: string;
    summary?: string;
    href?: string;
    className?: string;
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CaseStudiesStatsCard displays a single case study in a card format with
 * company branding, key metrics, author attribution, and call-to-action.
 *
 * Features a two-column layout within a muted background container. The left
 * column shows company logo, key statistics in a row, and author info with
 * avatar. The right column displays the case study title, summary text, and
 * a "Read Story" button with arrow icon. Ideal for highlighting a featured
 * customer success story with quantifiable results and personal testimonial.
 *
 * @example
 * ```tsx
 * <CaseStudiesStatsCard
 *   companyLogo="/logos/company.svg"
 *   companyName="TechCorp"
 *   stats={[
 *     { number: "45%", text: "improvement in conversions" },
 *     { number: "3x", text: "increase in engagement" }
 *   ]}
 *   author={{
 *     name: "John Doe",
 *     image: "/avatars/john.jpg",
 *     role: "CTO, TechCorp"
 *   }}
 *   title="How We Transformed Our Customer Experience"
 *   summary="Learn how we revamped our onboarding process..."
 *   href="/case-studies/techcorp"
 * />
 * ```
 */
declare function CaseStudiesStatsCard({ companyLogo, companyName, stats, author, title, summary, href, className, optixFlowConfig, }: CaseStudiesStatsCardProps): react_jsx_runtime.JSX.Element;

export { CaseStudiesStatsCard, type CaseStudiesStatsCardProps, type CaseStudyStatsCardAuthor, type CaseStudyStatsCardStat };
