import React from "react";
import L3ComponentProps from "../../types/L3ComponentProps";
import { CounterColor, CounterSize, CounterType } from "./CounterConstants";
import "./Counter.scss";
export interface CounterProps extends L3ComponentProps {
    /** id to pass to the element */
    id?: string;
    /** element id to describe the counter accordingly */
    ariaLabeledBy?: string;
    /** Custom class names to pass to the component */
    className?: string;
    /** The numeric value of the counter */
    count?: number;
    /** Counter description */
    ariaLabel?: string;
    /** The size of the counter */
    size?: CounterSize;
    kind?: CounterType;
    /** The color of the counter */
    color?: CounterColor;
    /** Use className instead
     * @deprecated
     */
    wrapperClassName?: string;
    /** maximum number of digits to display (see relevant story) */
    maxDigits?: number;
    /** Text prepended to counter value */
    prefix?: string;
    /** Callback to be called when the counter is clicked. */
    onMouseDown?: (event: React.MouseEvent<HTMLSpanElement>) => void;
    /** Disables the component's animation */
    noAnimation?: boolean;
}
declare const Counter: React.FC<CounterProps> & {
    sizes?: typeof CounterSize;
    colors?: typeof CounterColor;
    kinds?: typeof CounterType;
};
export default Counter;
