import { LitElement } from 'lit';
/**
 * ```typescript
 * import '@blueprintui/components/include/avatar.js';
 * ```
 *
 * ```html
 * <bp-avatar aria-label="User avatar">
 *   <bp-icon shape="user" type="solid"></bp-icon>
 * </bp-avatar>
 * ```
 *
 * @summary The avatar component is used to represent a user or entity with an image, icon, or initials
 * @element bp-avatar
 * @since 2.9.0
 * @slot - Content to display - text for initials, img for image, or icon for custom icon
 * @cssprop --size - Size of the avatar (default: var(--bp-size-900))
 * @cssprop --background - Background color
 * @cssprop --color - Text/icon color
 * @cssprop --border-radius - Border radius (controlled by shape attribute)
 * @csspart internal - The container wrapping the avatar content
 */
export declare class BpAvatar extends LitElement {
    static styles: CSSStyleSheet[];
    /** determine the visual shape of the avatar */
    accessor shape: 'square' | 'rounded';
    /** optional status indicator color */
    accessor status: 'accent' | 'success' | 'warning' | 'danger';
    _internals: ElementInternals;
    render(): import("lit").TemplateResult<1>;
    connectedCallback(): void;
}