import { AvatarProps } from './types';
/**
 * Avatar - Circular component for displaying user identity.
 *
 * Renders one of three visual states based on the supplied props:
 * 1. **Custom image** — when `image` is provided, displays the photo inside a circle.
 * 2. **Colored placeholder** — when `color` and/or `text` are provided, renders a
 *    flat-color circle with up to two initials.
 * 3. **Default placeholder** — when no props are given, shows the standard user icon.
 *
 * @category Components
 * @subcategory Display
 *
 * @example
 * ```tsx
 * // Standard color + initial letter
 * <Avatar color="purple" text="J" />
 * ```
 *
 * @example
 * ```tsx
 * // Custom profile photo
 * <Avatar image="/users/jane.jpg" />
 * ```
 *
 * @example
 * ```tsx
 * // Default placeholder (no props)
 * <Avatar />
 * ```
 *
 * @example
 * ```tsx
 * // User-defined hex color + letter
 * <Avatar color="#F7931A" text="A" />
 * ```
 *
 * @see {@link UserProfile} - For a complete user-profile panel that accepts Avatar as a trigger
 */
declare const Avatar: ({ size, color, text, image, border, borderColor, css, }: AvatarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export default Avatar;
