From 47cf20b601f36800f2099835cac176c1ea69b87f Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 8 Aug 2023 14:45:30 +0300
Subject: [PATCH] fix: remove styled from ShadowBox

---
 src/components/ShadowBox.tsx | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/components/ShadowBox.tsx b/src/components/ShadowBox.tsx
index 790dd226..d427a493 100644
--- a/src/components/ShadowBox.tsx
+++ b/src/components/ShadowBox.tsx
@@ -1,10 +1,23 @@
-import { Stack, styled } from 'tamagui'
+import { ReactNode } from 'react'
+import { Stack } from 'tamagui'
 
-const ShadowBox = styled(Stack, {
-  boxSizing: 'border-box',
-  borderRadius: '16px',
-  boxShadow: '0px 4px 20px 0px rgba(9, 16, 28, 0.08)',
-  width: '100%',
-})
+type ShadowBoxProps = {
+  children: ReactNode
+}
+
+const ShadowBox = ({ children }: ShadowBoxProps) => {
+  return (
+    <Stack
+      style={{
+        boxSizing: 'border-box',
+        borderRadius: '16px',
+        boxShadow: '0px 4px 20px 0px rgba(9, 16, 28, 0.08)',
+        width: '100%',
+      }}
+    >
+      {children}
+    </Stack>
+  )
+}
 
 export default ShadowBox