import Tailwind from '../base/tailwind-base';
import { Size } from '../../model/plus';
/**
 * @tag plus-avatar
 * @since 0.0.0
 * @status experimental
 *
 * PlusAvatar component provides a visual representation for users or entities.
 * Supports images, text initials, icons and various visual styles.
 *
 * @slot - The default slot for avatar content
 * @slot fallback - Optional slot for custom fallback content
 *
 * @csspart base - The component's base wrapper
 *
 * @cssproperty --text-color - Controls the text color of the avatar
 * @cssproperty --bg-default - Controls the default background color
 */
export default class PlusAvatar extends Tailwind {
    static styles: import("lit").CSSResult[];
    /**
     * URL of the avatar image
     */
    image?: string;
    /**
     * Alternative text for the avatar
     */
    alt?: string;
    /**
     * Shape of the avatar
     * - circle: Circular shape
     * - square: Square shape with slight rounding
     * @default 'circle'
     */
    shape: 'circle' | 'square';
    /**
     * Size of the avatar
     * Can be a predefined size (xs, sm, md, lg, xl) or custom value
     * @default 'md'
     */
    size: Size | string;
    /**
     * Icon name to use when no image is available
     * @default 'user'
     */
    icon: string;
    /**
     * Toggles inverted color scheme
     * @default false
     */
    invert: boolean;
    /**
     * Text to display as initials when no image is available
     */
    text?: string;
    /**
     * Strategy to use when image fails to load
     * - icon: Shows an icon
     * - text: Shows text initials
     * - custom: Uses fallback slot content
     * @default 'icon'
     */
    fallbackStrategy: 'icon' | 'text' | 'custom';
    private isFallback;
    private get hasValidImage();
    private get hasValidText();
    private getInitials;
    private handleError;
    private handleLoad;
    private renderImage;
    private renderFallback;
    private renderContent;
    render(): import("lit-html").TemplateResult<1>;
}
export { PlusAvatar };
//# sourceMappingURL=avatar.d.ts.map