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

interface AlertMessageProps {
  error: string | null;
  success: string | null;
}

export function AlertMessage({ error, success }: AlertMessageProps) {
  if (!error && !success) return null;

  return (
    <div
      className={`mt-3 flex items-center gap-2 rounded-lg border px-3 py-2 text-sm ${
        error
          ? "border-amber-200 bg-amber-50 text-amber-700"
          : "border-emerald-200 bg-emerald-50 text-emerald-700"
      }`}
      aria-live="polite"
    >
      {error ? (
        <AlertCircle className="h-4 w-4" />
      ) : (
        <CheckCircle2 className="h-4 w-4" />
      )}
      {error ?? success}
    </div>
  );
}