import { AlertCircle, CheckCircle2 } from 'lucide-react';

type AuthStatusMessageProps = {
  error: string | null;
  success: string | null;
};

export function AuthStatusMessage({ error, success }: AuthStatusMessageProps) {
  return (
    <>
      {error && (
        <div className="mb-4 p-3 rounded-xl bg-red-500/10 border border-red-500/20 flex items-start gap-2">
          <AlertCircle size={16} className="text-red-400 mt-0.5 flex-shrink-0" />
          <p className="text-sm text-red-400">{error}</p>
        </div>
      )}
      {success && (
        <div className="mb-4 p-3 rounded-xl bg-emerald-500/10 border border-emerald-500/20 flex items-start gap-2">
          <CheckCircle2 size={16} className="text-emerald-400 mt-0.5 flex-shrink-0" />
          <p className="text-sm text-emerald-400">{success}</p>
        </div>
      )}
    </>
  );
}
