import type { CSSProperties, ReactNode, Ref } from 'react';
export declare const readReceiptLineStyle: CSSProperties;
/** Shared accessory geometry and interaction; receipt truth belongs to the caller. */
export declare function ArkmeReadReceiptControl({ state, status, count, tone, label, onClick, onEscape, hostRef, buttonRef, children, placement }: {
    state: 'unread' | 'all-read' | 'partial-read' | 'count' | 'error' | 'placeholder';
    status?: string;
    count?: number;
    label: string;
    onClick?: () => void;
    onEscape?: () => void;
    /** Team counts and external-contact status are independent; color identifies the latter. */
    tone?: 'neutral' | 'info';
    placement?: 'before' | 'after';
    hostRef?: Ref<HTMLSpanElement>;
    buttonRef?: Ref<HTMLButtonElement>;
    children?: ReactNode;
}): import("react").JSX.Element;
//# sourceMappingURL=ArkmeReadReceiptControl.d.ts.map