import { CheckCircle2 } from 'lucide-react';

/**
 * Conferma di un'azione andata a buon fine sulle pagine di accesso: link di
 * verifica inviato, email di reimpostazione partita. Verde perché nel design
 * system il verde significa "fatto, verificato", e a filo di margine come
 * tutto il resto della pagina.
 */
export default function AuthStatus({ message }: { message?: string }) {
    if (!message) {
        return null;
    }

    return (
        <p
            role="status"
            className="text-primary bg-primary/8 rounded-marketing-sm mb-6 flex items-start gap-2 p-3 text-sm font-medium"
        >
            <CheckCircle2 className="mt-px size-4 shrink-0" aria-hidden />
            <span>{message}</span>
        </p>
    );
}