import { BadgeProps } from './badge.types';
/**
 * The `Badge` component is used to display a count, status, or other content for UI elements.
 * The `content` can be numeric, text-based, icons, or more depending on the context.
 * The `Badge` component supports both standalone and notification usage.
 *
 * The `narrow` prop can be used to modify the padding of the badge to create a narrower appearance.
 * The `Badge` component supports various variants ('default', 'secondary', 'tertiary', 'success', 'neutral')
 * to adapt to different use-cases.
 *
 * ### Usage
 *
 * ```tsx
 * import { Badge } from '@bloomreach/react-banana-ui';
 *
 * export default function MyCustomComponent() {
 *   return <Badge variant="default">Default</Badge>;
 * }
 * ```
 */
declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLDivElement>>;
export default Badge;