import * as React from 'react'; type NotificationBadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'info' | 'warning'; interface NotificationBadgeProps extends React.HTMLAttributes { count?: number; max?: number; showZero?: boolean; dot?: boolean; variant?: NotificationBadgeVariant; /** * Screen-reader label announced when a count is shown. `{count}` is replaced * with the displayed count. Ignored when `dot` is true (a bare dot conveys * nothing countable and is hidden from assistive tech instead). * @default "{count} notifications" */ label?: string; } /** * Floating notification count or dot indicator overlay. * * @description * Renders a small floating badge in the top-right corner of its child element * to indicate unread counts or alert dots. Supports number display with overflow * capping (e.g., `99+`) or a simple dot via `dot={true}`. * * @ai-rules * 1. Use `count` for numeric badges or `dot={true}` for a simple presence indicator. * 2. Wrap the target element as a child — the badge positions relative to it automatically. * 3. For standalone status labels (not overlays), use `` instead. * 4. Available variants: `default`, `secondary`, `destructive`, `outline`, `success`, `info`, `warning`. */ declare const NotificationBadge: React.ForwardRefExoticComponent>; export { NotificationBadge }; export type { NotificationBadgeProps, NotificationBadgeVariant };