User activation feature

1 files changed, 16 insertions, 0 deletions

diff --git a/src/components/Alert.js b/src/components/Alert.js
new file mode 100644
index 00000000..3dddd56e
--- /dev/null
+++ b/src/components/Alert.js
@@ -0,0 +1,16 @@
+const Alert = ({ children, className, type }) => {
+  let typeClass = '';
+  switch (type) {
+    case 'info':
+      typeClass = ' bg-blue-200 text-blue-900 '
+      break;
+    case 'success':
+      typeClass = ' bg-green-200 text-green-900 '
+      break;
+  }
+  return (
+    <div className={"rounded w-full text-medium p-3" + typeClass + className}>{children}</div>
+  );
+}
+
+export default Alert;
\ No newline at end of file