aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Notice/Notice.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2021-12-17 23:29:10 +0100
committerArmand Philippot <git@armandphilippot.com>2021-12-17 23:48:06 +0100
commit50d37beeb51c95aaead8b3ef2c946189a066486e (patch)
tree61b812d884251767e3ffd4a99d76968d680f9bd0 /src/components/Notice/Notice.tsx
parentefed6c0a820c5c47e097fa29455157bbd318ffca (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.tsx20
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;