import { JSXBase } from '@stencil/core/internal';
import { ComponentPropsWithoutRef } from 'react';
import { BoxProps } from './Box.js';
import '../types-B4RnVKcG.js';

declare const Avatar = "ax-avatar";

type AvatarProps = BoxProps &  {
  "colorScheme"?: "neutral" | "purple";
"color-scheme"?: "neutral" | "purple";
"size"?: "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "2xs";
"fallback"?: "opal" | "team" | "user";
"name"?: string;
"src"?: string;
"asChild"?: false | true;
"as-child"?: false | true;
};

declare module "@stencil/core" {
  namespace JSX {
    interface IntrinsicElements {
      [Avatar]: AvatarProps & Omit<(JSXBase.IntrinsicElements["span"]), keyof AvatarProps>;
    }
  }
}

declare module "react" {
  namespace JSX {
    interface IntrinsicElements {
      [Avatar]: AvatarProps & Omit<(ComponentPropsWithoutRef<"span">), keyof AvatarProps>;
    }
  }
}

export { Avatar };
export type { AvatarProps };