import React from 'react';
import { ComponentProps } from '@hitagi/utils/types';
import Box from '../Box';
export type BadgePlacement = 'top-right' | 'bottom-right' | 'bottom-left' | 'top-left';
export type BadgeProps = {
    children: React.ReactNode;
    count?: number;
    placement?: BadgePlacement;
    /** Maximum count allowed. If count if above this it will show a `+` symbol after `maxCount` */
    maxCount?: number;
    /** If true, a small `dot` will be appear instead of count */
    dot?: boolean;
} & ComponentProps<typeof Box>;
/**
 * Badges are visual indicators for numeric values such as tallies and scores.
 */
export default function Badge(props: BadgeProps): JSX.Element;