import { FC, HTMLAttributes, Ref } from 'react'; import { AvatarSize, AvatarVariant } from './types'; export interface AvatarProps extends HTMLAttributes { /** * Ref forwarded to the root `div` element of the avatar. * Enables access to the DOM node, e.g., for focus or measurements. */ ref?: Ref; /** * Defines the size of the avatar. * Affects both the container and any nested content (image, initials, etc.). */ size?: AvatarSize; /** * Visual variant of the avatar. * Can be used to differentiate between roles, types, or contexts. * * - 'primary': Default visual style * - 'secondary': Alternate or less prominent style */ variant?: AvatarVariant; } /** An Avatar is a UI component that displays a user's profile image, initials, or an icon, commonly used in social profiles, chat applications, and dashboards to represent a person or entity. */ export declare const Avatar: FC;