summaryrefslogtreecommitdiff
path: root/src2/components/elements/Alert.js
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 /src2/components/elements/Alert.js
parent90e1edab9b6a8ccc09a49fed3addbec2cbc4e4c3 (diff)
parenta1b9b647a6c4bda1f5db63879639d44543f9557e (diff)
Merged in refactor (pull request #1)
Refactor
Diffstat (limited to 'src2/components/elements/Alert.js')
-rw-r--r--src2/components/elements/Alert.js19
1 files changed, 19 insertions, 0 deletions
diff --git a/src2/components/elements/Alert.js b/src2/components/elements/Alert.js
new file mode 100644
index 00000000..914d1590
--- /dev/null
+++ b/src2/components/elements/Alert.js
@@ -0,0 +1,19 @@
+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