import Link from "next/link";
import { CaseCover } from "@/app/cases/_components/CaseCover";
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 (
    <Link 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="(min-width: 1024px) 520px, 100vw"
        priority
      />
    </Link>
  );
}