import { EARLIER_MAY_HAVE_BEEN_SENT, EARLIER_UNREADABLE, type ScopedSendRecovery } from "../../hooks/useScopedSendRecovery";

/** What a sender shows while an earlier send here is unconfirmed, and the answer once it was checked. */
const EarlierSendCheck = ({ recovery }: { recovery: ScopedSendRecovery }) => {
    if (recovery.unreadable) return <p className="text-sm text-destructive" role="alert">{EARLIER_UNREADABLE}</p>;
    if (!recovery.earlier.length) return recovery.notice ? <p className="text-sm" role="status">{recovery.notice}</p> : null;
    return (
        <div className="flex items-center justify-between gap-2 text-sm" role="status">
            <span>{recovery.notice ?? EARLIER_MAY_HAVE_BEEN_SENT}</span>
            <button type="button" className="btn btn-blue" disabled={recovery.checking} onClick={() => void recovery.check()}>
                {recovery.checking ? "Checking…" : "Check"}
            </button>
        </div>
    );
};

export default EarlierSendCheck;