---
/** Point — a card with one finding or decision: a title and a short paragraph. */
interface Props { title: string; text: string; class?: string }
const { title, text, class: extra } = Astro.props;
---
<div class:list={['point', extra]}>
  <h3 set:html={title} />
  <p set:html={text} />
</div>