import React from "react";
/** Superfície básica: título, ações no canto, conteúdo e rodapé opcional. */
export function Cartao({ titulo, descricao, acoes, rodape, preenchido = true, className = "", children, ...rest }) {
  return (
    <section className={["ach-cartao", preenchido ? "ach-cartao--preenchido" : "", className].filter(Boolean).join(" ")} {...rest}>
      {(titulo || acoes) && (
        <header className="ach-cartao__cabecalho">
          <div>
            {titulo && <h3 className="ach-cartao__titulo">{titulo}</h3>}
            {descricao && <p className="ach-cartao__descricao">{descricao}</p>}
          </div>
          {acoes && <div className="ach-cartao__acoes">{acoes}</div>}
        </header>
      )}
      {children}
      {rodape && <footer className="ach-cartao__rodape">{rodape}</footer>}
    </section>
  );
}