"use client";

import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
import { useLocaleFunction } from "@/hooks/use-localed";
import { InfoIcon } from "lucide-react";

export function LabScreenAlert() {
  const t = useLocaleFunction();

  return (
    <Alert variant="info" className="md:hidden" aria-hidden>
      <InfoIcon />
      <AlertTitle className="font-semibold">
        {t("lab.alerts.screen.title")}
      </AlertTitle>
      <AlertDescription>{t("lab.alerts.screen.description")}</AlertDescription>
    </Alert>
  );
}