CoastalCommitsPastes/client/app/components/note/index.tsx
2022-11-12 00:58:21 -08:00

17 lines
357 B
TypeScript

import styles from "./note.module.css"
const Note = ({
type = "info",
children,
...props
}: {
type: "info" | "warning" | "error"
children: React.ReactNode
} & React.ComponentProps<"div">) => (
<div className={`${styles.note} ${styles[type]}`} {...props}>
<strong className={styles.type}>{type}:</strong>
{children}
</div>
)
export default Note