import { CustomElement } from "../../internal/custom-element.js";
import { PropertyValues, TemplateResult } from "lit";
type AvatarShape = (typeof AvatarShape)[keyof typeof AvatarShape];
declare const AvatarShape: {
  readonly CIRCLE: "circle";
  readonly RECTANGLE: "rectangle";
};
type AvatarSize = (typeof AvatarSize)[keyof typeof AvatarSize];
declare const AvatarSize: {
  readonly XS: "xs";
  readonly SM: "sm";
  readonly MD: "md";
  readonly LG: "lg";
  readonly XL: "xl";
  readonly XXL: "xxl";
};
type AvatarVariant = (typeof AvatarVariant)[keyof typeof AvatarVariant];
declare const AvatarVariant: {
  readonly NEUTRAL: "neutral";
  readonly PRIMARY: "primary";
  readonly ACCENT: "accent";
  readonly GHOST: "ghost";
};
declare global {
  interface HTMLElementTagNameMap {
    'odx-avatar': OdxAvatar;
  }
}
/**
 * @summary The avatar allows personalization or concretization of headlines or users through an image, an icon or through initials.
 * @status rc
 * @since 1.0
 *
 * @slot - The avatar icon or image to use. By default displays the user's initials or the user icon.
 *
 * @cssproperty --size - The size of the avatar.
 */
declare class OdxAvatar extends CustomElement {
  #private;
  static tagName: string;
  static styles: import("lit").CSSResult[];
  /**
   * Indicates whether the avatar is interactive (focusable and clickable).
   * When `true`, the avatar will have the ARIA role `button` and respond to keyboard events.
   */
  interactive: boolean;
  /**
   * The name of the individual or entity represented by this avatar, used to generate initials.
   *
   * This should always be set when possible to ensure correct behavior for users relying on assistive technologies.
   */
  name?: string | null;
  /**
   * The shape of the avatar.
   */
  shape: AvatarShape;
  /**
   * The size of the avatar.
   */
  size: AvatarSize;
  /**
   * The variant of the avatar.
   */
  variant: AvatarVariant;
  /**
   * Generates two letter initials from the `name` property by taking the first letter of the first and last words.
   */
  getInitials(): string;
  protected updated(props: PropertyValues<this>): void;
  protected render(): TemplateResult;
}
export { AvatarShape, AvatarSize, AvatarVariant, OdxAvatar };