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-Dud0DKXB.js';
import './blocks-DyouPohq.js';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * A stat item with icon, value, label, and growth indicator.
 * Used to display metrics with visual growth trends.
 */
interface StatIconItem {
    /**
     * The label describing the stat
     */
    label: React.ReactNode;
    /**
     * The stat value (e.g., "120K+", "$3.2M", "9.5%")
     */
    value: React.ReactNode;
    /**
     * Growth indicator text (e.g., "18% growth", "+2 min")
     */
    growth: React.ReactNode;
    /**
     * 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;
    /**
     * Custom icon element (overrides icon name)
     */
    iconSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the stat card
     */
    className?: string;
}
/**
 * Props for the StatsIconCards component.
 * A modern stats grid featuring bordered cards with icons, values, and growth indicators.
 */
interface StatsIconCardsProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description content below the heading
     */
    description?: React.ReactNode;
    /**
     * Array of stat items to display
     */
    stats?: StatIconItem[];
    /**
     * Custom slot for rendering stats (overrides stats array)
     */
    statsSlot?: 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 content wrapper
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the stats container
     */
    statsClassName?: string;
    /**
     * Additional CSS classes for stat cards
     */
    statCardClassName?: string;
    /**
     * Additional CSS classes for stat values
     */
    statValueClassName?: string;
    /**
     * Additional CSS classes for stat labels
     */
    statLabelClassName?: string;
    /**
     * Additional CSS classes for stat growth indicators
     */
    statGrowthClassName?: string;
    /**
     * Additional CSS classes for stat icons
     */
    statIconClassName?: string;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * 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({ sectionId, heading, description, stats, statsSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, contentClassName, headingClassName, descriptionClassName, statsClassName, statCardClassName, statValueClassName, statLabelClassName, statGrowthClassName, statIconClassName, }: StatsIconCardsProps): react_jsx_runtime.JSX.Element;

export { type StatIconItem, StatsIconCards, type StatsIconCardsProps };
