import Link from "next/link";
import { textLink } from "@/app/components/button-styles";
import { getRelatedServices } from "@/lib/site-content";

/** Links para os serviços que citam este case. Sem serviço relacionado, não mostra nada. */
export function CaseRelatedServices({ caseId }: { caseId: string }) {
  const services = getRelatedServices(caseId);
  if (services.length === 0) return null;

  return (
    <div className="mt-sp-6 flex flex-wrap gap-x-sp-6">
      {services.map((service) => (
        <Link
          key={service.slug}
          className={textLink}
          href={`/servicos/${service.slug}`}
        >
          Ver serviço relacionado: {service.navLabel}
        </Link>
      ))}
    </div>
  );
}