import * as React from 'react';
import { A as ActionConfig } from './blocks-BmrJXeAA.js';
import 'class-variance-authority';
import './button-variants-OIpPF9yW.js';
import 'class-variance-authority/types';

interface FeatureStatsHighlightStat {
    /**
     * Stat value content (e.g., "99%", "24/7")
     */
    value?: React.ReactNode;
    /**
     * Stat label content
     */
    label?: React.ReactNode;
    /**
     * Additional CSS classes for the stat card
     */
    className?: string;
    /**
     * Additional CSS classes for the value
     */
    valueClassName?: string;
    /**
     * Additional CSS classes for the label
     */
    labelClassName?: string;
}
interface FeatureStatsHighlightProps {
    /**
     * Badge content
     */
    badge?: React.ReactNode;
    /**
     * Main heading content
     */
    title?: React.ReactNode;
    /**
     * Supporting description content
     */
    description?: React.ReactNode;
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Array of stat items
     */
    stats?: FeatureStatsHighlightStat[];
    /**
     * Custom slot for rendering stats (overrides stats array)
     */
    statsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the grid wrapper
     */
    gridClassName?: string;
    /**
     * Additional CSS classes for the content area
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the badge
     */
    badgeClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Additional CSS classes for the stats grid
     */
    statsGridClassName?: string;
    /**
     * Additional CSS classes for each stat card
     */
    statCardClassName?: 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."
 *   actions={[{ label: "Get Started", href: "#", variant: "default" }]}
 *   stats={[
 *     { value: "99%", label: "Uptime" },
 *     { value: "24/7", label: "Support" },
 *   ]}
 * />
 * ```
 */
declare function FeatureStatsHighlight({ badge, title, description, actions, actionsSlot, stats, statsSlot, className, containerClassName, gridClassName, contentClassName, badgeClassName, titleClassName, descriptionClassName, actionsClassName, statsGridClassName, statCardClassName, }: FeatureStatsHighlightProps): React.JSX.Element;

export { FeatureStatsHighlight, type FeatureStatsHighlightProps };
