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

/**
 * A stat item with a value and label
 */
interface StatItem {
    /**
     * The stat value (e.g., "90%", "200+", "$2.5M")
     */
    value: string;
    /**
     * The label describing the stat
     */
    label: string;
}
/**
 * Props for the StatsSimpleGrid component
 */
interface StatsSimpleGridProps {
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Main heading text
     */
    heading?: string;
    /**
     * Array of stat items to display
     */
    stats?: StatItem[];
    /**
     * Primary button text
     */
    primaryButtonText?: string;
    /**
     * Primary button URL
     */
    primaryButtonUrl?: string;
    /**
     * Secondary button text
     */
    secondaryButtonText?: string;
    /**
     * Secondary button URL
     */
    secondaryButtonUrl?: string;
}
/**
 * StatsSimpleGrid - A clean, minimal stats section with a heading, action buttons,
 * and a responsive grid of key metrics. Features a 2x2 grid on mobile that expands
 * to 4 columns on larger screens. Ideal for showcasing company achievements,
 * platform performance, or key business metrics with prominent numerical values.
 *
 * @example
 * ```tsx
 * <StatsSimpleGrid
 *   heading="Platform Performance Insights"
 *   stats={[
 *     { value: "90%", label: "Customer Satisfaction" },
 *     { value: "200+", label: "Enterprise Clients" },
 *   ]}
 *   primaryButtonText="Get Started"
 *   primaryButtonUrl="/signup"
 * />
 * ```
 */
declare function StatsSimpleGrid({ className, heading, stats, primaryButtonText, primaryButtonUrl, secondaryButtonText, secondaryButtonUrl, }: StatsSimpleGridProps): react_jsx_runtime.JSX.Element;

export { type StatItem, StatsSimpleGrid, type StatsSimpleGridProps };
