import { AlertTriangleIcon } from "lucide-react";
import { Alert, AlertDescription, AlertTitle } from "../ui/alert";

export function ChatError({ error }: { error?: Error }) {
  if (!error) return null;

  return (
    <Alert variant="destructive">
      <AlertTriangleIcon />
      <AlertTitle>{error.name}</AlertTitle>
      <AlertDescription>{error.message}</AlertDescription>
    </Alert>
  );
}