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

/**
 * An impact stat with icon, value, label, and description
 */
interface ImpactStat {
    /**
     * Unique identifier for the stat
     */
    id: string;
    /**
     * The stat value (e.g., "437", "2.4", "89")
     */
    value: string;
    /**
     * Prefix for the value (e.g., "$")
     */
    prefix?: string;
    /**
     * Suffix for the value (e.g., "%", "B+", "x")
     */
    suffix?: string;
    /**
     * The label for the stat
     */
    label: string;
    /**
     * Description of the stat
     */
    description: string;
    /**
     * Icon name in format: prefix/name (e.g., "lucide/line-chart")
     */
    icon: string;
    /**
     * Icon color class (e.g., "text-primary", "text-emerald-500")
     */
    iconColor?: string;
}
/**
 * Props for the StatsImpactGrid component
 */
interface StatsImpactGridProps {
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Badge text above the heading
     */
    badge?: string;
    /**
     * Main heading text
     */
    heading?: string;
    /**
     * Description text below the heading
     */
    description?: string;
    /**
     * Array of impact stats to display
     */
    stats?: ImpactStat[];
    /**
     * Industry comparison section heading
     */
    comparisonHeading?: string;
    /**
     * Industry comparison description
     */
    comparisonDescription?: string;
    /**
     * Industry average value
     */
    industryAverage?: string;
    /**
     * Platform value
     */
    platformValue?: string;
    /**
     * CTA heading
     */
    ctaHeading?: string;
    /**
     * Primary CTA button text
     */
    primaryButtonText?: string;
    /**
     * Primary CTA button URL
     */
    primaryButtonUrl?: string;
    /**
     * Secondary CTA button text
     */
    secondaryButtonText?: string;
    /**
     * Secondary CTA button URL
     */
    secondaryButtonUrl?: string;
}
/**
 * StatsImpactGrid - A comprehensive stats section featuring a grid of impact metrics
 * with icons, an industry comparison bar chart, and a call-to-action. Each stat card
 * displays an icon, large value with prefix/suffix, label, and description. Includes
 * a visual comparison between industry average and platform performance. Ideal for
 * showcasing ROI, business impact, or platform benefits with social proof.
 *
 * @example
 * ```tsx
 * <StatsImpactGrid
 *   badge="Proven Results"
 *   heading="Transforming Businesses With Real Numbers"
 *   stats={[
 *     { id: "roi", value: "437", suffix: "%", label: "Average ROI", ... },
 *   ]}
 * />
 * ```
 */
declare function StatsImpactGrid({ className, badge, heading, description, stats, comparisonHeading, comparisonDescription, industryAverage, platformValue, ctaHeading, primaryButtonText, primaryButtonUrl, secondaryButtonText, secondaryButtonUrl, }: StatsImpactGridProps): react_jsx_runtime.JSX.Element;

export { type ImpactStat, StatsImpactGrid, type StatsImpactGridProps };
