From f3859b911b115027fdb80d6ad84c0321ab2f35c8 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 21 Jul 2023 16:25:53 +0300
Subject: [PATCH] Create reusable tag component

---
 src/components/Tag/Tag.jsx   | 21 +++++++++++++++++++++
 src/components/Tag/index.jsx |  1 +
 2 files changed, 22 insertions(+)
 create mode 100644 src/components/Tag/Tag.jsx
 create mode 100644 src/components/Tag/index.jsx

diff --git a/src/components/Tag/Tag.jsx b/src/components/Tag/Tag.jsx
new file mode 100644
index 00000000..d3ed67ea
--- /dev/null
+++ b/src/components/Tag/Tag.jsx
@@ -0,0 +1,21 @@
+import { Paragraph } from "tamagui";
+
+const Tag = ({ bc, text }) => {
+  return (
+    <div
+      style={{
+        backgroundColor: bc,
+        display: "flex",
+        padding: "0px 8px",
+        alignItems: "center",
+        borderRadius: "67px",
+      }}
+    >
+      <Paragraph fontWeight={"500"} fontSize={"10px"}>
+        {text}
+      </Paragraph>
+    </div>
+  );
+};
+
+export { Tag };
diff --git a/src/components/Tag/index.jsx b/src/components/Tag/index.jsx
new file mode 100644
index 00000000..736cac7b
--- /dev/null
+++ b/src/components/Tag/index.jsx
@@ -0,0 +1 @@
+export { Tag } from "./Tag";