import * as lit_html from 'lit-html';
import * as lit from 'lit';
import { LitElement } from 'lit';
import { a as TypeRoundedSizes } from '../constants-CcB9aXsT.js';
import '../form-controller-BR0gZhrG.js';

/**
 * @since 1.4.0
 * @status stable
 *
 * @tagname kemet-avatar
 * @summary A representation of a person or thing.
 *
 * @prop {string} size - The size in pixels.
 * @prop {string} image - Url to an image.
 * @prop {string} label - Labels the avatar.
 * @prop {string} initials - Initials of the user.
 * @prop {boolean} circle - Displays in a circle.
 * @prop {TypeRoundedSizes} rounded - Displays with rounded corners
 *
 * @slot status - A slot for an icon or element that indicates the status of the avatar.
 *
 * @csspart initials - Contains the initials for the avatar.
 *
 * @cssproperty --kemet-avatar-color - The color of the text.
 * @cssproperty --kemet-avatar-background-color - The color of the background.
 * @cssproperty --kemet-avatar-rounded-radius - The border radius of the rounded type.
 * @cssproperty --kemet-avatar-initials-margin - The space around the initials.
 *
 */
declare class KemetAvatar extends LitElement {
    static styles: lit.CSSResult[];
    size: string;
    image: string;
    label: string;
    initials: string;
    rounded: TypeRoundedSizes;
    firstUpdated(): void;
    render(): lit_html.TemplateResult<1>;
    makeSize(): void;
    makeContent(): lit_html.TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'kemet-avatar': KemetAvatar;
    }
}

export { KemetAvatar as default };