import type { CaseStudyContent } from "@/lib/site-content";

/**
 * Logo depois de "Como ficou": o que o cliente passou a poder fazer (2 ou 3 itens, sem número, só com o que as entregas já sustentam).
 * Sem botão de contato: o fecho do case (CaseContactSection) vem logo depois e é o único convite ao WhatsApp, para não haver dois
 * "Chamar no WhatsApp" seguidos. Sem itens, a seção não aparece.
 */
export function CaseCapabilitiesSection({
  caseStudy,
  isClient,
}: {
  caseStudy: Pick<CaseStudyContent, "capabilities">;
  isClient: boolean;
}) {
  const capabilities = caseStudy.capabilities ?? [];
  if (capabilities.length === 0) return null;

  return (
    <section className="ds-section" aria-labelledby="case-capabilities">
      <div className="ds-section-shell">
        <h2 id="case-capabilities" className="ds-card-title !mt-0">
          {isClient
            ? "O que o cliente passou a poder fazer"
            : "O que dá para fazer com ele"}
        </h2>
        <ul className="ds-list max-w-[78ch] space-y-sp-3 pl-[1.15rem]">
          {capabilities.map((item) => (
            <li key={item}>{item}</li>
          ))}
        </ul>
      </div>
    </section>
  );
}