import { ReactNode } from 'react';
import { COLORS, TINTS } from '../../constants';
import { BoxProps } from '../box/Box';
import { GenericComponent } from '../../@types/types';
interface Props extends Omit<BoxProps, 'size' | 'ref'> {
    /** A border color to give to the counter */
    borderColor?: typeof COLORS[number];
    /** A border tint to give to the counter */
    borderTint?: typeof TINTS[number];
    /** The content to display inside the Counter */
    children?: ReactNode;
    /** A class name for the counter to give custom styles */
    className?: string;
    /** The color theme you want to style the counter in */
    color?: typeof COLORS[number];
    /** The value of the counter. */
    count: number;
    /** The max value of the counter. */
    maxCount: number;
    /** The size of the counter */
    size: 'small' | 'medium';
}
declare const Counter: GenericComponent<Props>;
export default Counter;
