import HoverPrefetchLink from "@/app/components/HoverPrefetchLink";
import { CaseCover, coverSizes } from "./CaseCover";
import { getCaseMedia } from "./case-media";

/**
 * Capa do case dentro de um cartão: a imagem leva ao case, mas fica fora da leitura e da ordem de tabulação,
 * porque o link de texto do mesmo cartão já leva ao mesmo lugar. Sem captura gravada, não mostra nada.
 * A rota do case só é pré-carregada quando a pessoa chega no link (HoverPrefetchLink).
 */
export function CaseCoverLink({
  id,
  title,
  demoUrl,
  sizes = coverSizes.card,
  priority = false,
}: {
  id: string;
  title: string;
  demoUrl?: string | null;
  sizes?: string;
  priority?: boolean;
}) {
  if (!getCaseMedia(id, "desktop")) return null;

  return (
    <HoverPrefetchLink
      href={`/cases/${id}`}
      aria-hidden="true"
      tabIndex={-1}
      className="mb-sp-5 block"
    >
      <CaseCover
        id={id}
        title={title}
        demoUrl={demoUrl}
        sizes={sizes}
        priority={priority}
      />
    </HoverPrefetchLink>
  );
}