import { GdsElement } from '../../gds-element';
import { GdsColorLevel } from '../../utils/helpers';
declare const GdsAvatar_base: (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").SizeXProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").MarginProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").LayoutChildProps) & typeof GdsElement;
/**
 * `gds-avatar` is a visual element used to represent a user or entity.
 * It supports displaying an image, slotted text content, or a fallback icon.
 *
 * @element gds-avatar
 * @status beta
 *
 * @slot - Default slot for avatar content (`<img>` or short text)
 * @slot badge - Optional slot rendered in the top-right corner. Use a `gds-badge` here.
 *
 */
export declare class GdsAvatar extends GdsAvatar_base {
    #private;
    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
    /**
     * Image URL to display inside the avatar.
     * When set, an `<img>` is rendered directly in the shadow DOM.
     */
    src: string;
    /**
     * Alt text for the image when using the `src` property.
     */
    alt: string;
    /**
     * The size of the avatar.
     */
    size: 'xs' | 's' | 'm' | 'l';
    /**
     * The shape of the avatar.
     */
    shape: 'circular' | 'square';
    /**
     * The color level used when resolving color tokens for style expression properties.
     */
    level: GdsColorLevel;
    /**
     * Style Expression Property that controls the `background` color of the avatar shape.
     * Only accepts color tokens and optional transparency values.
     */
    background?: string;
    /**
     * Style Expression Property that controls the text/icon `color` of the avatar.
     * Accepts content color tokens and optional transparency values.
     */
    color?: string;
    render(): any;
}
export {};