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

/**
 * A secondary stat item with value and label.
 * Used to display supporting metrics alongside a primary stat.
 */
interface SecondaryStat {
    /**
     * The stat value (e.g., "99.95%", "2,000+", "85%")
     */
    value: React.ReactNode;
    /**
     * The label describing the stat
     */
    label: React.ReactNode;
    /**
     * Additional CSS classes for the stat
     */
    className?: string;
}
/**
 * Props for the StatsPrimarySecondary component.
 * A two-column stats layout featuring one prominent primary metric with a badge indicator, alongside a row of secondary supporting stats.
 */
interface StatsPrimarySecondaryProps {
    /**
     * Primary stat value (large, prominent)
     */
    primaryValue?: React.ReactNode;
    /**
     * Primary stat badge content
     */
    primaryBadge?: React.ReactNode;
    /**
     * Custom slot for primary badge (overrides primaryBadge)
     */
    primaryBadgeSlot?: React.ReactNode;
    /**
     * Primary stat description
     */
    primaryDescription?: React.ReactNode;
    /**
     * Custom slot for primary section (overrides primaryValue/primaryBadge/primaryDescription)
     */
    primarySlot?: React.ReactNode;
    /**
     * Array of secondary stats to display
     */
    secondaryStats?: SecondaryStat[];
    /**
     * Custom slot for rendering secondary stats (overrides secondaryStats array)
     */
    secondaryStatsSlot?: React.ReactNode;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Background pattern
     */
    pattern?: PatternName;
    /**
     * Pattern opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the pattern
     */
    patternClassName?: string;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the primary section
     */
    primaryClassName?: string;
    /**
     * Additional CSS classes for the primary value
     */
    primaryValueClassName?: string;
    /**
     * Additional CSS classes for the primary badge
     */
    primaryBadgeClassName?: string;
    /**
     * Additional CSS classes for the primary description
     */
    primaryDescriptionClassName?: string;
    /**
     * Additional CSS classes for the secondary section
     */
    secondaryClassName?: string;
    /**
     * Additional CSS classes for secondary stat values
     */
    secondaryValueClassName?: string;
    /**
     * Additional CSS classes for secondary stat labels
     */
    secondaryLabelClassName?: string;
}
/**
 * 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({ primaryValue, primaryBadge, primaryBadgeSlot, primaryDescription, primarySlot, secondaryStats, secondaryStatsSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, primaryClassName, primaryValueClassName, primaryBadgeClassName, primaryDescriptionClassName, secondaryClassName, secondaryValueClassName, secondaryLabelClassName, }: StatsPrimarySecondaryProps): react_jsx_runtime.JSX.Element;

export { type SecondaryStat, StatsPrimarySecondary, type StatsPrimarySecondaryProps };
