import { type CSSProperties, type ReactNode } from 'react';
export declare const readReceiptStyles: Record<string, CSSProperties>;
interface DetailPanelLayout {
    left: number;
    top: number;
    arrowPlacement: 'top' | 'bottom';
    arrowOffset: number;
}
export declare function arkmeMessageReadReceiptPanelLayout(rect: Pick<DOMRect, 'left' | 'right' | 'top' | 'bottom' | 'width' | 'height'> | undefined, viewport: {
    width: number;
    height: number;
}, measuredPanelHeight?: number): DetailPanelLayout;
/** Shared receipt presentation; callers retain their business authority and loading. */
export declare function ArkmeReadReceiptPanel({ anchor, label, children, onClose }: {
    anchor: HTMLElement | null;
    label: string;
    children: ReactNode;
    onClose(): void;
}): import("react").ReactPortal;
export declare function ArkmeReadReceiptMember({ name, avatar, read, readAt }: {
    name: string;
    avatar: ReactNode;
    read: boolean;
    readAt?: number | undefined;
}): import("react").JSX.Element;
export declare function ArkmeReadReceiptStatus({ children, onClick }: {
    children: ReactNode;
    onClick?: () => void;
}): import("react").JSX.Element;
export {};
//# sourceMappingURL=ArkmeReadReceiptPanel.d.ts.map