import { LitElement } from 'lit';
import type { BpTypeElement, Position } from '@blueprintui/components/internals';
/**
 * ```typescript
 * import '@blueprintui/components/include/chat.js';
 * ```
 *
 * ```html
 * <bp-chat-group>
 *   <bp-chat-message type="sent">How are you?</bp-chat-message>
 *   <bp-chat-message type="received">Great!</bp-chat-message>
 * </bp-chat-group>
 * ```
 *
 * @summary The Chat message is a component designed to display chat messages in a conversational format. It improves readability and provides a visual context for conversations.
 * @element bp-chat-message
 * @since 1.0.0
 * @slot - content
 */
export declare class BpChatMessage extends LitElement implements Pick<BpTypeElement, 'type' | 'color'> {
    /** Defines the message type, determining alignment and styling for sent or received messages */
    accessor type: 'sent' | 'received';
    /** Sets the base color variant for distinguishing different participants in multi-user chat groups */
    accessor color: 'blue' | 'green' | 'red' | 'yellow' | 'purple';
    /** Controls the position of the speech bubble arrow relative to the message container */
    accessor arrow: Position;
    /** Controls whether to display a typing or progress spinner instead of message content */
    accessor progress: boolean;
    static styles: CSSStyleSheet[];
    _internals: ElementInternals;
    render(): import("lit").TemplateResult<1>;
    connectedCallback(): void;
}