14 lines
495 B
TypeScript
14 lines
495 B
TypeScript
|
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>
|
||
|
|
);
|
||
|
|
}
|