/**
 * AnimatedCounter - Animated number display with count-up effect
 *
 * Uses requestAnimationFrame for smooth 60fps animation.
 * Respects prefers-reduced-motion.
 */
interface AnimatedCounterProps {
    /** Target value to count to */
    value: number;
    /** Animation duration in ms */
    duration?: number;
    /** Delay before starting animation */
    delay?: number;
    /** Number of decimal places */
    decimals?: number;
    /** Prefix to display before the number (e.g., "$") */
    prefix?: string;
    /** Suffix to display after the number (e.g., "%") */
    suffix?: string;
    /** Additional CSS classes */
    className?: string | undefined;
    /** Whether to animate only when in view */
    animateOnView?: boolean;
}
export declare function AnimatedCounter({ value, duration, delay, decimals, prefix, suffix, className, }: Omit<AnimatedCounterProps, 'animateOnView'>): import("react/jsx-runtime").JSX.Element;
/**
 * AnimatedPercentage - Specialized counter for percentage values
 */
export declare function AnimatedPercentage({ value, duration, delay, className, }: Omit<AnimatedCounterProps, 'suffix' | 'decimals' | 'prefix' | 'animateOnView'>): import("react/jsx-runtime").JSX.Element;
/**
 * AnimatedScore - Score display with color based on value
 */
export declare function AnimatedScore({ value, duration, delay, className, showSuffix, }: Omit<AnimatedCounterProps, 'suffix' | 'decimals' | 'prefix' | 'animateOnView'> & {
    showSuffix?: boolean;
}): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=animated-counter.d.ts.map