"use client";

import { Info } from "lucide-react";
import { useT } from "@/shared/i18n/client";
import { Alert, AlertDescription, AlertTitle } from "@/presentation/components/ui/alert";

export function NeedsComputeBanner() {
  const t = useT();
  return (
    <Alert>
      <Info className="h-4 w-4" />
      <AlertTitle>{t.health.needsCompute.title}</AlertTitle>
      <AlertDescription>{t.health.needsCompute.description}</AlertDescription>
    </Alert>
  );
}