summaryrefslogtreecommitdiff
path: root/src/core/components/elements/Alert/Alert.jsx
diff options
context:
space:
mode:
authorRafi Zadanly <zadanlyr@gmail.com>2023-02-20 14:20:44 +0700
committerRafi Zadanly <zadanlyr@gmail.com>2023-02-20 14:20:44 +0700
commite33a330786ffbfcd774de00dc697c6dff47faf27 (patch)
treecd35ce2a36c37cd8c6e991862f929d83dcd45464 /src/core/components/elements/Alert/Alert.jsx
parentfdefe7cfe899125a9bd553b542976eed0de919c1 (diff)
fix
Diffstat (limited to 'src/core/components/elements/Alert/Alert.jsx')
-rw-r--r--src/core/components/elements/Alert/Alert.jsx21
1 files changed, 21 insertions, 0 deletions
diff --git a/src/core/components/elements/Alert/Alert.jsx b/src/core/components/elements/Alert/Alert.jsx
new file mode 100644
index 00000000..3f5584b9
--- /dev/null
+++ b/src/core/components/elements/Alert/Alert.jsx
@@ -0,0 +1,21 @@
+const Alert = ({ children, className, type }) => {
+ let typeClass = ''
+ switch (type) {
+ case 'info':
+ typeClass = 'bg-blue-100 text-blue-900 border-blue-400'
+ break
+ case 'success':
+ typeClass = 'bg-green-100 text-green-900 border-green-400'
+ break
+ case 'warning':
+ typeClass = 'bg-yellow-100 text-yellow-900 border-yellow-400'
+ break
+ }
+ return (
+ <div className={`rounded-md w-full text-medium p-3 border ${typeClass} ${className}`}>
+ {children}
+ </div>
+ )
+}
+
+export default Alert \ No newline at end of file