35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
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
|
|
* "Falar sobre meu projeto" 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>
|
|
);
|
|
}
|