summaryrefslogtreecommitdiff
path: root/src/core/components/elements/Alert/Alert.jsx
diff options
context:
space:
mode:
authorIT Fixcomart <it@fixcomart.co.id>2023-03-01 09:18:52 +0000
committerIT Fixcomart <it@fixcomart.co.id>2023-03-01 09:18:52 +0000
commita7abbf4ddc70068620e9f44b74dc162ce2e16ee2 (patch)
tree74f66253717515d364ce74bd8275015c1f829cbc /src/core/components/elements/Alert/Alert.jsx
parent90e1edab9b6a8ccc09a49fed3addbec2cbc4e4c3 (diff)
parenta1b9b647a6c4bda1f5db63879639d44543f9557e (diff)
Merged in refactor (pull request #1)
Refactor
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..695be8a3
--- /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