import { type ReactNode } from "react";
import type { MessageSender, UserMessageItem } from "./types.js";
/**
 * Draws who sent a person's message. The host decides: return null for the
 * viewer's own messages, or when it has no identity to show for a sender.
 */
export type RenderMessageSender = (sender: MessageSender, item: UserMessageItem) => ReactNode;
export declare const MessageSenderContext: import("react").Context<RenderMessageSender | undefined>;
/** The sender line above a message bubble, when the host draws one. */
export declare function MessageSenderSlot({ item }: {
    item: UserMessageItem;
}): import("react").JSX.Element | null;
/** A small avatar and a name, for {@link RenderMessageSender}. */
export declare function MessageSenderLabel({ name, avatarUrl, className, }: {
    name: string;
    /** A same-origin or otherwise allowed image; initials are shown without one. */
    avatarUrl?: string | null | undefined;
    className?: string | undefined;
}): import("react").JSX.Element;