diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-12-17 23:29:10 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-12-17 23:48:06 +0100 |
| commit | 50d37beeb51c95aaead8b3ef2c946189a066486e (patch) | |
| tree | 61b812d884251767e3ffd4a99d76968d680f9bd0 /src/components/Notice/Notice.tsx | |
| parent | efed6c0a820c5c47e097fa29455157bbd318ffca (diff) | |
chore: create mutation to add a new comment on posts
Diffstat (limited to 'src/components/Notice/Notice.tsx')
| -rw-r--r-- | src/components/Notice/Notice.tsx | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/src/components/Notice/Notice.tsx b/src/components/Notice/Notice.tsx new file mode 100644 index 0000000..c941bf9 --- /dev/null +++ b/src/components/Notice/Notice.tsx @@ -0,0 +1,20 @@ +import { ReactNode } from 'react'; +import styles from './Notice.module.scss'; + +type NoticeType = 'error' | 'info' | 'success' | 'warning'; + +const Notice = ({ + children, + type, +}: { + children: ReactNode; + type: NoticeType; +}) => { + return ( + <div className={`${styles.message} ${styles[`message--${type}`]}`}> + {children} + </div> + ); +}; + +export default Notice; |
