import type { Icon } from '@phosphor-icons/react';
/**
 * Available variants for the StatCard component
 */
export type StatVariant = 'score' | 'correct' | 'incorrect' | 'blank';
/**
 * Configuration for each stat card variant
 */
export declare const variantConfig: Record<StatVariant, {
    bg: string;
    text: string;
    iconBg: string;
    iconColor: string;
    IconComponent: Icon;
}>;
/**
 * Props for the StatCard component
 */
export interface StatCardProps {
    /** Label text displayed above the value */
    label: string;
    /** Value to display (can be string or number) */
    value: string | number;
    /** Visual variant determining colors and icon */
    variant: StatVariant;
    /** Optional additional className */
    className?: string;
}
/**
 * StatCard component for displaying statistics with an icon
 *
 * Used in activity correction and performance modals to show
 * score, correct answers count, and incorrect answers count.
 *
 * @example
 * ```tsx
 * <StatCard label="NOTA" value="8.5" variant="score" />
 * <StatCard label="CORRETAS" value={10} variant="correct" />
 * <StatCard label="INCORRETAS" value={2} variant="incorrect" />
 * ```
 */
export declare const StatCard: ({ label, value, variant, className, }: StatCardProps) => import("react/jsx-runtime").JSX.Element;
export default StatCard;
//# sourceMappingURL=StatCard.d.ts.map