import React from "react";
import type { AvatarWithBadgeProps } from "./AvatarWithBadge.types";
/**
 * AvatarWithBadge - Avatar component with optional verification badge overlay
 *
 * Used for displaying user/medium/terreiro avatars with their profile verification badge.
 * The badge appears at the top-right corner of the avatar (to avoid overlap with edit buttons
 * typically positioned at bottom-right).
 *
 * @example
 * // Basic usage with badge
 * <AvatarWithBadge
 *   src="https://example.com/avatar.jpg"
 *   alt="John Doe"
 *   badgeTier="VERIFIED"
 *   size="md"
 * />
 *
 * @example
 * // Without badge
 * <AvatarWithBadge
 *   src="https://example.com/avatar.jpg"
 *   alt="John Doe"
 *   showBadge={false}
 * />
 *
 * @example
 * // With children (e.g., Fab button overlay at bottom-right)
 * <AvatarWithBadge
 *   src="https://example.com/avatar.jpg"
 *   alt="John Doe"
 *   badgeTier="ACTIVE"
 *   size="2xl"
 * >
 *   <Fab size="small" sx={{ position: "absolute", bottom: -8, right: -8 }}>
 *     <PhotoCamera />
 *   </Fab>
 * </AvatarWithBadge>
 */
declare const AvatarWithBadge: React.FC<AvatarWithBadgeProps>;
export default AvatarWithBadge;