export function QueryErrorBanner({
  title,
  message,
}: {
  title: string;
  message: string;
}) {
  if (!message) return null;

  return (
    <div
      role="alert"
      className="rounded-lg border border-danger/20 bg-danger-muted p-4 text-sm text-danger"
    >
      <div className="font-medium">{title}</div>
      <div className="mt-1">{message}</div>
    </div>
  );
}