/// <reference types="react" />
import { IconProps } from "@cloudscape-design/components/icon";
export interface AvatarProps {
  /**
   * Determines the color of the avatar.
   * Use `gen-ai` for AI assistants and `default` otherwise.
   */
  color?: AvatarProps.Color;
  /**
   * The text content shown in the avatar's tooltip.
   *
   * When you use this property, make sure to include it in the `ariaLabel`.
   */
  tooltipText?: string;
  /**
   * The text content shown directly in the avatar's body.
   * Can be 1 or 2 symbols long, every subsequent symbol is ignored.
   * Use it to define initials that uniquely identify the avatar's owner.
   */
  initials?: string;
  /**
   * When set to true, a loading indicator is shown in avatar.
   */
  loading?: boolean;
  /**
   * Text to describe the avatar for assistive technology.
   * When more than one avatar is used, provide a unique label for each.
   * For example, "Avatar of John Doe" or "Avatar of generative AI assistant".
   *
   * If `tooltipText` is used make sure to include it in the `ariaLabel`.
   */
  ariaLabel: string;
  /**
   * Specifies the icon to be displayed as Avatar.
   * Use `gen-ai` icon for AI assistants. By default `user-profile` icon is used.
   *
   * If you set both `iconName` and `initials`, `initials` will take precedence.
   */
  iconName?: IconProps.Name;
  /**
   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon can't be an SVG.
   * @deprecated Use `iconSvg` or `imgUrl` instead.
   */
  iconUrl?: string;
  /**
   * Specifies the SVG of a custom icon.
   * Use this property if the icon you want isn't available.
   */
  iconSvg?: React.ReactNode;
  /**
   * Specifies the URL of a custom image. If you set both `iconUrl` and `imgUrl`, `imgUrl` will take precedence.
   */
  imgUrl?: string;
  /**
   * Specifies an object of selectors and properties that are used to apply custom styles.
   *
   * - `root.background` (string) - (Optional) Background of the avatar.
   * - `root.borderColor` (string) - (Optional) Border color of the avatar.
   * - `root.borderRadius` (string) - (Optional) Border radius of the avatar.
   * - `root.borderWidth` (string) - (Optional) Border width of the avatar.
   * - `root.boxShadow` (string) - (Optional) Box shadow of the avatar.
   * - `root.color` (string) - (Optional) Text color of the avatar.
   * - `root.focusRing.borderColor` (string) - (Optional) Focus ring border color.
   * - `root.focusRing.borderRadius` (string) - (Optional) Focus ring border radius.
   * - `root.focusRing.borderWidth` (string) - (Optional) Focus ring border width.
   * @awsuiSystem core
   */

  /**
   * Defines the width and height of the avatar.
   * This value corresponds to the `width` CSS-property and will center and crop images using `object-fit: cover`.
   * The default and minimum width value is 28px.
   */
  width?: number;
}
export declare namespace AvatarProps {
  type Color = "default" | "gen-ai";
  interface Style {
    root?: {
      background?: string;
      borderColor?: string;
      borderRadius?: string;
      borderWidth?: string;
      boxShadow?: string;
      color?: string;
      focusRing?: {
        borderColor?: string;
        borderRadius?: string;
        borderWidth?: string;
      };
    };
  }
}