From 311e0cad472ce6980365ad67f0da588795b9f86e Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 14 Sep 2023 11:47:56 +0300
Subject: [PATCH] feat: add status shadow to card wrapper

---
 src/pages/Dashboard/DashboardCardWrapper.tsx | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/pages/Dashboard/DashboardCardWrapper.tsx b/src/pages/Dashboard/DashboardCardWrapper.tsx
index 45560142..6e3fe0c9 100644
--- a/src/pages/Dashboard/DashboardCardWrapper.tsx
+++ b/src/pages/Dashboard/DashboardCardWrapper.tsx
@@ -1,21 +1,15 @@
-import { Stack } from 'tamagui'
+import { Shadow } from '@status-im/components'
 
 type DashboardCardWrapperProps = {
   children: React.ReactNode
+  padding?: string
 }
 
-const DashboardCardWrapper = ({ children }: DashboardCardWrapperProps) => {
+const DashboardCardWrapper = ({ children, padding = '12px 16px' }: DashboardCardWrapperProps) => {
   return (
-    <Stack
-      style={{
-        borderRadius: '16px',
-        boxShadow: '0 0 8px rgba(0, 0, 0, 0.1)',
-        padding: '12px 16px',
-        backgroundColor: '$background',
-      }}
-    >
+    <Shadow variant="$1" style={{ borderRadius: '16px', padding, backgroundColor: '$background' }}>
       {children}
-    </Stack>
+    </Shadow>
   )
 }