import { CheckCircle2 } from 'lucide-react';

export default function AuthStatus({ message }: { message?: string }) {
    if (!message) return null;
    return (
        <div role="status" className="mb-5 flex items-start gap-2 rounded-lg border border-border bg-accent/60 px-3 py-2.5 text-sm">
            <CheckCircle2 className="mt-0.5 size-4 shrink-0 text-primary" />
            <span>{message}</span>
        </div>
    );
}