import { type SaasflareComponentProps } from "../../../providers";
/** Props for the AnimatedCounter component. */
export interface AnimatedCounterProps extends Omit<React.ComponentProps<"span">, keyof SaasflareComponentProps>, SaasflareComponentProps {
    /** Target number to count up to. */
    value: number;
    /** Number of decimal places. Default: `0` */
    decimals?: number;
    /** Duration of the animation in seconds. Default: `2` */
    duration?: number;
    /** Text to show before the number (e.g. "$"). */
    prefix?: string;
    /** Text to show after the number (e.g. "%", "K"). */
    suffix?: string;
    /** Additional class names. */
    className?: string;
    /** Whether to use locale-aware formatting (e.g. "1,234"). Default: `true` */
    formatted?: boolean;
}
/**
 * Number that animates from 0 to a target value when scrolled into view.
 *
 * - Triggers once when the element enters the viewport
 * - Uses spring physics for a natural deceleration curve
 * - Shows the final value immediately when motion is disabled (reduced motion or `animated={false}`)
 * - Supports decimal precision, prefix/suffix, and locale formatting
 *
 * @component
 * @package ui
 */
export declare function AnimatedCounter({ value, decimals, duration, prefix, suffix, className, formatted, animated, ...props }: AnimatedCounterProps): import("react/jsx-runtime").JSX.Element;