import styles from './CalloutBlock.module.css';

/**
 * Renders the Callout block from blocks/Callout.ts. The "caveat" tone is the
 * one that matters: it is how a post says what a number does not show, in
 * context, rather than burying it in a closing paragraph.
 */
export function CalloutBlock({ tone, body }: { tone: string; body: string }) {
  return (
    <aside className={tone === 'caveat' ? styles.caveat : styles.note}>
      <p className={styles.body}>{body}</p>
    </aside>
  );
}