From 60c2d35eb9b81ce2e314a8879d84a718a245bea6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Leszczyk?= <michasko37@gmail.com>
Date: Thu, 24 Mar 2022 10:32:29 +0100
Subject: [PATCH] feat(dashboard-v2): add Alert component

---
 packages/dashboard-v2/src/components/Alert/Alert.js | 9 +++++++++
 packages/dashboard-v2/src/components/Alert/index.js | 1 +
 2 files changed, 10 insertions(+)
 create mode 100644 packages/dashboard-v2/src/components/Alert/Alert.js
 create mode 100644 packages/dashboard-v2/src/components/Alert/index.js

diff --git a/packages/dashboard-v2/src/components/Alert/Alert.js b/packages/dashboard-v2/src/components/Alert/Alert.js
new file mode 100644
index 00000000..0e6ab345
--- /dev/null
+++ b/packages/dashboard-v2/src/components/Alert/Alert.js
@@ -0,0 +1,9 @@
+import styled from "styled-components";
+import cn from "classnames";
+
+export const Alert = styled.div.attrs(({ $variant }) => ({
+  className: cn("px-3 py-2 sm:px-6 sm:py-4 rounded border", {
+    "bg-red-100 border-red-200 text-error": $variant === "error",
+    "bg-green-100 border-green-200 text-palette-400": $variant === "success",
+  }),
+}))``;
diff --git a/packages/dashboard-v2/src/components/Alert/index.js b/packages/dashboard-v2/src/components/Alert/index.js
new file mode 100644
index 00000000..b8e17a03
--- /dev/null
+++ b/packages/dashboard-v2/src/components/Alert/index.js
@@ -0,0 +1 @@
+export * from "./Alert";