
"use client";
import { AvatarImageProps } from "./AvatarImage.js";
import * as _$react from "react";

//#region src/components/client/Avatar/Avatar.d.ts
type AvatarProps = AvatarImageProps;
/**
 * **👤 Avatar Component**
 *
 * @description The avatar component visually represents a person or an organization within an interface. It helps users quickly identify individuals or entities through images, icons, or text. Commonly used in user profiles, comments, and activity feeds, avatars create a recognizable and consistent visual identity across the system. With standardized sizes, variants, and configurable options, the component ensures flexibility while maintaining design cohesion and accessibility.
 * @usage The Avatar component should be used whenever you need to visually represent a user's identity in your application. This includes places like profile headers, user lists, chat messages, and comment sections. It's ideal for providing a consistent visual cue for users, whether by displaying a profile image, generating initials from a name, or falling back to a default icon when no image is available.
 * @param props - Combined Avatar props.
 * @returns The Avatar element.
 * @componentType Client component
 * @example ```tsx
 * import { Avatar } from '@yahoo/uds';
 *
 * <Avatar
 *    src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400"
 *    alt="Jane Doe"
 *    fallback="J"
 * />
 * ```
 *
 */
declare const Avatar: _$react.ForwardRefExoticComponent<AvatarImageProps & _$react.RefAttributes<HTMLDivElement>>;
//#endregion
export { Avatar, type AvatarProps };