From 6606eb1625c3785efaf318d72d01929b90c5e9e8 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Mon, 28 Aug 2023 10:45:20 +0300
Subject: [PATCH] feat: create reusable box component with same border

---
 src/components/General/BorderBox.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 src/components/General/BorderBox.tsx

diff --git a/src/components/General/BorderBox.tsx b/src/components/General/BorderBox.tsx
new file mode 100644
index 00000000..0a1835b5
--- /dev/null
+++ b/src/components/General/BorderBox.tsx
@@ -0,0 +1,15 @@
+import { Stack } from 'tamagui'
+
+type BorderBoxProps = {
+  children: React.ReactNode
+}
+
+const BorderBox = ({ children }: BorderBoxProps) => {
+  return (
+    <Stack style={{ border: '1px solid #DCE0E5', borderRadius: '0.5rem', padding: '6px 12px' }}>
+      {children}
+    </Stack>
+  )
+}
+
+export default BorderBox