import { LitElement } from 'lit';

export interface MessageBubbleProps {
    from?: 'me' | 'them';
    message?: string;
    time?: string;
    author?: string;
    avatarUrl?: string;
    footer?: string;
    variant?: 'default' | 'success' | 'warning' | 'danger' | 'info' | 'neutral' | 'monochrome';
}
/**
 * A message bubble component for chat interfaces.
 *
 * @element ag-message-bubble
 *
 * @slot - The message content (overrides the message property)
 * @slot header - Custom header content (overrides author/time)
 * @slot footer - Custom footer content (overrides footer property)
 * @slot avatar - Custom avatar content (overrides avatarUrl)
 *
 * @csspart ag-bubble - The message bubble container
 * @csspart ag-header - The header containing author and time
 * @csspart ag-footer - The footer for delivery status
 * @csspart ag-chat-avatar - The avatar container
 * @csspart ag-avatar-image - The avatar image element
 * @csspart ag-author - The author name
 * @csspart ag-chat-time - The timestamp
 *
 * @cssprop --ag-message-bubble-max-width - Maximum width of the bubble (default: 90%)
 */
export declare class MessageBubble extends LitElement implements MessageBubbleProps {
    static styles: import('lit').CSSResult;
    from: 'me' | 'them';
    message: string;
    time: string;
    author: string;
    avatarUrl: string;
    footer: string;
    variant: 'default' | 'success' | 'warning' | 'danger' | 'info' | 'neutral' | 'monochrome';
    private _avatarError;
    constructor();
    willUpdate(changedProperties: Map<string, unknown>): void;
    private _handleAvatarError;
    private _formatDateTime;
    private _getAriaLabel;
    private _renderAvatar;
    private _renderHeader;
    private _renderFooter;
    render(): import('lit').TemplateResult<1>;
}
//# sourceMappingURL=_MessageBubble.d.ts.map