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