import { type ReactNode } from 'react';
import type { TeamIdentity, TeamMessage } from '../team-app-contract.js';
import { TeamReceiptStore, type TeamReceiptState } from './team-read-receipts.js';
export declare function TeamReceiptBadge({ message, store, onClick }: {
    message: TeamMessage;
    store: TeamReceiptStore;
    onClick(anchor: HTMLElement): void;
}): import("react").JSX.Element;
export declare function TeamReceiptDetails({ message, state, visitor, onRetry, onMore, renderAvatar, renderVisitorAvatar }: {
    message: TeamMessage;
    state: TeamReceiptState;
    visitor?: TeamIdentity | undefined;
    onRetry(): void;
    onMore(): void;
    renderAvatar(identity: TeamIdentity): ReactNode;
    renderVisitorAvatar?(identity: TeamIdentity): ReactNode;
}): import("react").JSX.Element;
//# sourceMappingURL=TeamReadReceipts.d.ts.map