import { default as React } from 'react';
import { Theme } from './utils';
export type ChatMessageRole = "user" | "assistant";
export interface ChatMessageProps extends React.HTMLAttributes<HTMLDivElement> {
    children: React.ReactNode;
    $role?: ChatMessageRole;
    /** Rendered beside the message, typically an <Avatar>. */
    $avatar?: React.ReactNode;
}
/**
 * The chat type scale: one step tighter than body text so a transcript stays
 * dense. Shared by the message bubbles and the typing indicator.
 */
export declare const chatTextStyles: (theme: Theme) => import('styled-components').RuleSet<object>;
declare const ChatMessage: React.ForwardRefExoticComponent<ChatMessageProps & React.RefAttributes<HTMLDivElement>>;
export { ChatMessage };