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-RgHoLtLt.js';
import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * Avatar configuration for the avatar stack.
 * Used to display user avatars in a stacked layout.
 */
interface AvatarItem {
    /**
     * Avatar image source URL
     */
    src: string;
    /**
     * Alt text for the avatar
     */
    alt: string;
    /**
     * Additional CSS classes for the avatar
     */
    className?: string;
}
/**
 * A stat with icon, value, label, and optional avatars.
 * Used to display individual metrics in a card group layout.
 */
interface CardGroupStat {
    /**
     * Icon name in format: prefix/name (e.g., "lucide/users")
     */
    icon?: string;
    /**
     * Custom icon element (overrides icon name)
     */
    iconSlot?: React.ReactNode;
    /**
     * The stat value (e.g., "2,000+", "4.9/5", "99.9%")
     */
    value: React.ReactNode;
    /**
     * The label for the stat
     */
    label: React.ReactNode;
    /**
     * Whether to show avatar stack
     */
    showAvatars?: boolean;
    /**
     * Additional CSS classes for the stat
     */
    className?: string;
}
/**
 * Props for the StatsCardGroup component.
 * A compact stats display featuring metrics in a bordered card with icons and optional avatar stacks.
 */
interface StatsCardGroupProps {
    /**
     * Array of stats to display
     */
    stats?: CardGroupStat[];
    /**
     * Custom slot for rendering stats (overrides stats array)
     */
    statsSlot?: React.ReactNode;
    /**
     * Avatar images to display in the stack
     */
    avatars?: AvatarItem[];
    /**
     * Custom slot for rendering avatars (overrides avatars array)
     */
    avatarsSlot?: 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 card wrapper
     */
    cardClassName?: string;
    /**
     * Additional CSS classes for the stats grid
     */
    statsClassName?: string;
    /**
     * Additional CSS classes for stat values
     */
    statValueClassName?: string;
    /**
     * Additional CSS classes for stat labels
     */
    statLabelClassName?: string;
    /**
     * Additional CSS classes for stat icons
     */
    statIconClassName?: string;
    /**
     * Additional CSS classes for the avatar stack
     */
    avatarsClassName?: string;
    /**
     * Optional configuration for image optimization
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * StatsCardGroup - A compact stats display featuring three metrics in a bordered
 * card with icons and optional avatar stacks. Each stat shows an icon, large value,
 * and label. The first stat can include a stacked avatar group to represent users
 * or customers. Ideal for social proof sections, trust indicators, or compact
 * dashboard summaries.
 *
 * @example
 * ```tsx
 * <StatsCardGroup
 *   stats={[
 *     { icon: "lucide/users", value: "2,000+", label: "Happy Customers", showAvatars: true },
 *     { icon: "lucide/star", value: "4.9/5", label: "Average Rating" },
 *   ]}
 * />
 * ```
 */
declare function StatsCardGroup({ stats, statsSlot, avatars, avatarsSlot, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, cardClassName, statsClassName, statValueClassName, statLabelClassName, statIconClassName, avatarsClassName, optixFlowConfig, }: StatsCardGroupProps): react_jsx_runtime.JSX.Element;

export { type CardGroupStat, StatsCardGroup, type StatsCardGroupProps };
