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

/**
 * A stat item with icon, value, label, and growth indicator
 */
interface StatIconItem {
    /**
     * The label describing the stat
     */
    label: string;
    /**
     * The stat value (e.g., "120K+", "$3.2M", "9.5%")
     */
    value: string;
    /**
     * Growth indicator text (e.g., "18% growth", "+2 min")
     */
    growth: string;
    /**
     * Whether the growth is positive (green) or negative (red)
     * @default true
     */
    isPositive?: boolean;
    /**
     * Icon name in format: prefix/name (e.g., "lucide/users", "lucide/clock")
     */
    icon: string;
}
/**
 * Props for the StatsIconCards component
 */
interface StatsIconCardsProps {
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Main heading text
     */
    heading?: string;
    /**
     * Description text below the heading
     */
    description?: string;
    /**
     * Array of stat items to display
     */
    stats?: StatIconItem[];
}
/**
 * StatsIconCards - A modern stats grid featuring bordered cards with icons,
 * large numerical values, and growth indicators. Each card displays a metric
 * with a circular icon badge, prominent value, and color-coded growth trend.
 * Ideal for dashboards, analytics sections, or showcasing key performance
 * indicators with visual hierarchy.
 *
 * @example
 * ```tsx
 * <StatsIconCards
 *   heading="Our Growth in Numbers"
 *   description="Key metrics that showcase our impact"
 *   stats={[
 *     { label: "Active Users", value: "120K+", growth: "18% growth", icon: "lucide/users" },
 *     { label: "Revenue", value: "$3.2M", growth: "32% increase", icon: "lucide/dollar-sign" },
 *   ]}
 * />
 * ```
 */
declare function StatsIconCards({ className, heading, description, stats, }: StatsIconCardsProps): react_jsx_runtime.JSX.Element;

export { type StatIconItem, StatsIconCards, type StatsIconCardsProps };
