import { FunctionComponent, PropsWithChildren } from 'react';
export type BadgePosition = 'top-right' | 'bottom-right' | 'top-left' | 'bottom-left';
export declare const BadgeCircle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
    $animate?: boolean;
    $position: BadgePosition;
    $offsetX: number;
    $offsetY: number;
}, never>;
export declare const BadgeDot: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
    $animate?: boolean;
    $position: BadgePosition;
    $offsetX: number;
    $offsetY: number;
}, never>;
export interface BadgeProps {
    animate?: boolean;
    className?: string;
    /** The largest value to display, beyond which a + sign is shown */
    maxValue?: number;
    /** Horizontal offset from the base position (in px) */
    offsetX?: number;
    /** Vertical offset from the base position (in px) */
    offsetY?: number;
    position?: BadgePosition;
    /** When false, the badge is displayed as a small dot */
    showValue?: boolean;
    /** Set to true to show the badge even when its value is 0 */
    showZero?: boolean;
    value: number;
}
export declare const Badge: FunctionComponent<PropsWithChildren<BadgeProps>>;