"use client";
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
const require_components_client_Avatar_AvatarImage = require('./AvatarImage.cjs');
let react_jsx_runtime = require("react/jsx-runtime");

//#region src/components/client/Avatar/Avatar.tsx
/**
* **👤 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"
* />
* ```
*
*/
const Avatar = (props) => {
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Avatar_AvatarImage.AvatarImage, { ...props });
};
Avatar.displayName = "Avatar";

//#endregion
exports.Avatar = Avatar;