import * as react_jsx_runtime from 'react/jsx-runtime';
import { CSSProperties } from 'react';

type DelayInput = number | "ease-in" | "ease-out";
interface AppProps {
    number: number | string;
    style?: CSSProperties;
    duration?: number;
    reverse?: boolean;
    startDelay?: DelayInput;
    endDelay?: DelayInput;
    easeStartDuration?: number;
    easeEndDuration?: number;
}

/**
 *
 *
 * @param number - This is the number to display. You can use numeric or string types.
 * @param duration - The running time of the animation. You can enter the desired seconds in numeric type. The default is 3 seconds.
 * @param startDelay - This is the starting delay between numbers. The default is 0.1 seconds.
 * @param endDelay - This is the delay before stopping between numbers. The default is 0.1 seconds.
 * @param reverse - This is a prop that determines whether to start from the front or the back. The default is false
 * @param style - You can specify css. (e.g. fontsize, fontweight, color...)
 * @param easeStartDuration - If you select the ease-in or ease-out options, you can set the total execution time of the ease function.
 * @param easeEndDuration - If you select the ease-in or ease-out options, you can set the total execution time of the ease function.
 * @returns Returns a react component
 */
declare function Countup({ number, duration, startDelay, endDelay, easeStartDuration, easeEndDuration, reverse, style, }: AppProps): react_jsx_runtime.JSX.Element;

export { Countup as default };