import { CaseCover, coverSizes } from "@/app/cases/_components/CaseCover";
import HoverPrefetchLink from "@/app/components/HoverPrefetchLink";
import type { CaseStudyContent } from "@/lib/site-content";

/** Capa do case de destaque ao lado do título do serviço. Sem case com captura, não mostra nada. */
export function ServiceHeroCover({
  caseStudy,
}: {
  caseStudy?: CaseStudyContent;
}) {
  if (!caseStudy) return null;

  return (
    <HoverPrefetchLink
      href={`/cases/${caseStudy.id}`}
      className="block min-w-0"
    >
      <span className="sr-only">Ver o case {caseStudy.title}</span>
      <CaseCover
        id={caseStudy.id}
        title={caseStudy.title}
        demoUrl={caseStudy.demoUrl}
        sizes={coverSizes.hero}
        priority
      />
    </HoverPrefetchLink>
  );
}