import React from 'react';
import { ValueOf } from '../types';
import './counter.less';
export declare enum COUNTER_TYPES {
    SUCCESS = "success",
    WARNING = "warning",
    ERROR = "error",
    INFO = "info",
    PLAIN = "plain",
    DARK = "dark",
    PINK = "pink",
    TURQUOISE = "turquoise",
    PURPLE = "purple",
    BLUE = "blue",
    ORANGE = "orange",
    APPLE = "apple"
}
export type CounterProps = {
    /** Content to be rendered inside counter */
    children: React.ReactNode;
    /** Type of counter Can be one of COUNTER_TYPES (success/warning/error/info/plain/dark  */
    type?: ValueOf<COUNTER_TYPES>;
    /** whether outlined styles need to be applied */
    outline?: boolean;
    /** additional className to be applied to the span */
    className?: string;
    /** testId to be used for tests */
    testId?: string;
};
/**
 * Counter is used to indicate amount of entities somewhere
 * @uxr-only-supported
 * @midnight-gray-supported
 * @alpine-light-supported
 * */
export declare function Counter({ children, className, testId, type, outline, }: CounterProps): import("react/jsx-runtime").JSX.Element;
