import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

interface CaseStudyStatsCardAuthor {
    /**
     * Author name
     */
    name: string;
    /**
     * Author avatar image URL
     */
    image: string;
    /**
     * Author role/title
     */
    role: string;
}
interface CaseStudyStatsCardStat {
    /**
     * Stat number/value (e.g., "45%", "3x")
     */
    number: React.ReactNode;
    /**
     * Stat description text
     */
    text: React.ReactNode;
}
interface CaseStudiesStatsCardProps {
    /**
     * Company logo image URL
     */
    companyLogo?: string;
    /**
     * Company name for alt text
     */
    companyName?: string;
    /**
     * Array of stat items to display
     */
    stats?: CaseStudyStatsCardStat[];
    /**
     * Custom slot for rendering stats (overrides stats array)
     */
    statsSlot?: React.ReactNode;
    /**
     * Author information
     */
    author?: CaseStudyStatsCardAuthor;
    /**
     * Custom slot for rendering author (overrides author object)
     */
    authorSlot?: React.ReactNode;
    /**
     * Case study title/heading
     */
    title?: React.ReactNode;
    /**
     * Case study summary/description
     */
    summary?: React.ReactNode;
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the outer card wrapper
     */
    cardClassName?: string;
    /**
     * Additional CSS classes for the left column
     */
    leftColumnClassName?: string;
    /**
     * Additional CSS classes for the right column
     */
    rightColumnClassName?: string;
    /**
     * Additional CSS classes for the company logo
     */
    logoClassName?: string;
    /**
     * Additional CSS classes for the stats container
     */
    statsClassName?: string;
    /**
     * Additional CSS classes for the author container
     */
    authorClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the summary
     */
    summaryClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: 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;
}
/**
 * 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..."
 *   actions={[{ label: "Read Story", href: "/case-studies/techcorp", variant: "outline" }]}
 * />
 * ```
 */
declare function CaseStudiesStatsCard({ companyLogo, companyName, stats, statsSlot, author, authorSlot, title, summary, actions, actionsSlot, className, containerClassName, cardClassName, leftColumnClassName, rightColumnClassName, logoClassName, statsClassName, authorClassName, titleClassName, summaryClassName, actionsClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: CaseStudiesStatsCardProps): React.JSX.Element;

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