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

interface FeatureStatsHighlightStat {
    /**
     * Stat value (e.g., "99%", "24/7")
     */
    value: string;
    /**
     * Stat label
     */
    label: string;
}
interface FeatureStatsHighlightProps {
    /**
     * Badge text
     */
    badge?: string;
    /**
     * Main heading text
     */
    title?: string;
    /**
     * Supporting description text
     */
    description?: string;
    /**
     * Button text
     */
    buttonText?: string;
    /**
     * Button link URL
     */
    buttonLink?: string;
    /**
     * Array of stat items
     */
    stats?: FeatureStatsHighlightStat[];
    /**
     * Additional CSS classes for the section
     */
    className?: string;
}
/**
 * Feature Stats Highlight - Feature section with stats grid and CTA button,
 * showcasing key metrics and achievements.
 *
 * Layout: Two-column layout with content/CTA on left, stats grid on right.
 * Key features: Badge header, stats grid, CTA button, responsive layout.
 * Best for: Company achievements, service highlights, trust indicators.
 *
 * @example
 * ```tsx
 * <FeatureStatsHighlight
 *   badge="Why Choose Us"
 *   title="We deliver results"
 *   description="Our platform helps businesses grow."
 *   buttonText="Get Started"
 *   stats={[
 *     { value: "99%", label: "Uptime" },
 *     { value: "24/7", label: "Support" },
 *   ]}
 * />
 * ```
 */
declare function FeatureStatsHighlight({ badge, title, description, buttonText, buttonLink, stats, className, }: FeatureStatsHighlightProps): react_jsx_runtime.JSX.Element;

export { FeatureStatsHighlight, type FeatureStatsHighlightProps };
