import { ClassProp } from 'class-variance-authority/types';
export type AvatarNotificationBadgeVariant = "warning" | "success" | "error" | "info" | "neutral";
export type AvatarNotificationBadgePosition = "top-right" | "top-left" | "bottom-right" | "bottom-left";
export type AvatarNotificationBadgeSize = "sm" | "lg";
export type AvatarNotificationBadgeProps = {
    /** Color variant. @default "warning" */
    variant?: AvatarNotificationBadgeVariant;
    /** Dot size — matches avatar size. @default "sm" */
    size?: AvatarNotificationBadgeSize;
    /** Corner to anchor the dot. @default "top-right" */
    position?: AvatarNotificationBadgePosition;
    /** Accessible label for meaningful status badges. Ignored when decorative. */
    ariaLabel?: string;
    /** Decorative badges should not be announced by assistive technology. @default true */
    decorative?: boolean;
    className?: string;
};
export declare const avatarBadgeVariants: (props?: ({
    variant?: "warning" | "success" | "error" | "info" | "neutral" | null | undefined;
    size?: "sm" | "lg" | null | undefined;
    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | null | undefined;
} & ClassProp) | undefined) => string;
/**
 * Status/notification dot positioned over an avatar.
 * Sized and colored via variants. Rendering is unconditional — the caller controls visibility.
 *
 * @example
 * ```tsx
 * // Show only when there are unread notifications
 * {count > 0 && <AvatarNotificationBadge size="lg" variant="warning" />}
 * ```
 */
export declare function AvatarNotificationBadge({ variant, size, position, ariaLabel, decorative, className, }: AvatarNotificationBadgeProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=avatar-notification-badge.d.ts.map