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

/**
 * A secondary stat item with value and label
 */
interface SecondaryStat {
    /**
     * The stat value (e.g., "99.95%", "2,000+", "85%")
     */
    value: string;
    /**
     * The label describing the stat
     */
    label: string;
}
/**
 * Props for the StatsPrimarySecondary component
 */
interface StatsPrimarySecondaryProps {
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Primary stat value (large, prominent)
     */
    primaryValue?: string;
    /**
     * Primary stat badge text
     */
    primaryBadge?: string;
    /**
     * Primary stat description
     */
    primaryDescription?: string;
    /**
     * Array of secondary stats to display
     */
    secondaryStats?: SecondaryStat[];
}
/**
 * StatsPrimarySecondary - A two-column stats layout featuring one prominent primary
 * metric with a badge indicator, alongside a row of secondary supporting stats.
 * The primary stat is emphasized with large typography and a verification badge,
 * while secondary stats are displayed in a clean grid with a vertical divider.
 * Ideal for highlighting a key achievement with supporting metrics.
 *
 * @example
 * ```tsx
 * <StatsPrimarySecondary
 *   primaryValue="92%"
 *   primaryBadge="+7% this month"
 *   primaryDescription="of U.S. adults have bought from businesses using our platform"
 *   secondaryStats={[
 *     { value: "99.95%", label: "in fulfilling orders" },
 *     { value: "2,000+", label: "partner with us" },
 *   ]}
 * />
 * ```
 */
declare function StatsPrimarySecondary({ className, primaryValue, primaryBadge, primaryDescription, secondaryStats, }: StatsPrimarySecondaryProps): react_jsx_runtime.JSX.Element;

export { type SecondaryStat, StatsPrimarySecondary, type StatsPrimarySecondaryProps };
