From 08c4906465874759097dc492caad4b51e38808f2 Mon Sep 17 00:00:00 2001
From: ChristoferMendes <christoferluizdsm@gmail.com>
Date: Fri, 10 May 2024 12:09:44 -0300
Subject: [PATCH] feat: Add new Tag component with styling for tags

---
 src/renderer/src/components/tag/tag.css.ts | 11 +++++++++++
 src/renderer/src/components/tag/tag.tsx    |  9 +++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 src/renderer/src/components/tag/tag.css.ts
 create mode 100644 src/renderer/src/components/tag/tag.tsx

diff --git a/src/renderer/src/components/tag/tag.css.ts b/src/renderer/src/components/tag/tag.css.ts
new file mode 100644
index 00000000..58d8028c
--- /dev/null
+++ b/src/renderer/src/components/tag/tag.css.ts
@@ -0,0 +1,11 @@
+import { style } from "@vanilla-extract/css";
+
+export const tagStyle = style({
+  borderRadius: '3px',
+  border: '1px solid #FFFFFF33',
+  padding: '2px 5px',
+});
+
+export const tagText = style({
+  fontSize: '11px',
+})
diff --git a/src/renderer/src/components/tag/tag.tsx b/src/renderer/src/components/tag/tag.tsx
new file mode 100644
index 00000000..fa7d0182
--- /dev/null
+++ b/src/renderer/src/components/tag/tag.tsx
@@ -0,0 +1,9 @@
+import * as styles from "./tag.css";
+
+export function Tag({ children }: Readonly<{ children: React.ReactNode }>) {
+  return (
+    <div className={styles.tagStyle}>
+      <span className={styles.tagText}>{children}</span>
+    </div>
+  );
+}