import * as React from "react";

interface MDAvatarProps {
  /**
   * Background color of the avatar.
   * @default "transparent"
   */
  bgColor?: "transparent" | "primary" | "secondary" | "info" | "success" | "warning" | "error" | "light" | "dark";

  /**
   * Size of the avatar.
   * @default "md"
   */
  size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl";

  /**
   * Shadow of the avatar.
   * @default "none"
   */
  shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "inset";

  /**
   * Additional props passed to the root element.
   */
  [key: string]: any;
}

/**
 * MDAvatar is a customizable avatar component with support for background colors, sizes, and shadows.
 */
declare const MDAvatar: React.ForwardRefExoticComponent<
  MDAvatarProps & React.RefAttributes<HTMLDivElement>
>;

export default MDAvatar;