/** Resultado do case, só com dado real e autorizado. Sem dado, a seção não aparece. */
export function CaseResultSection({ result }: { result?: string[] }) {
  if (!result || result.length === 0) return null;

  return (
    <section className="ds-section" aria-labelledby="case-result">
      <div className="ds-section-shell">
        <h2 id="case-result" className="ds-card-title !mt-0">
          Resultado
        </h2>
        <ul className="ds-list max-w-[78ch] space-y-sp-3 pl-[1.15rem]">
          {result.map((item) => (
            <li key={item}>{item}</li>
          ))}
        </ul>
      </div>
    </section>
  );
}