From f5fd644543168a0e8d383c3378078f473bff20b7 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 11 Aug 2023 13:59:12 +0300
Subject: [PATCH] feat: add shadow variants

---
 src/components/DeviceCPULoad.tsx       | 2 +-
 src/components/DeviceStorageHealth.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/DeviceCPULoad.tsx b/src/components/DeviceCPULoad.tsx
index f02ff026..25897265 100644
--- a/src/components/DeviceCPULoad.tsx
+++ b/src/components/DeviceCPULoad.tsx
@@ -34,7 +34,7 @@ const DeviceCPULoad: React.FC<DeviceCPULoadProps> = ({ load }) => {
   const message = currentLoad < 80 ? 'Good' : 'Poor'
 
   return (
-    <Shadow style={{ width: '284px', height: '136px', borderRadius: '16px' }}>
+    <Shadow variant="$2" style={{ width: '284px', height: '136px', borderRadius: '16px' }}>
       <YStack>
         <XStack
           justifyContent="space-between"
diff --git a/src/components/DeviceStorageHealth.tsx b/src/components/DeviceStorageHealth.tsx
index 3cd415c3..06745009 100644
--- a/src/components/DeviceStorageHealth.tsx
+++ b/src/components/DeviceStorageHealth.tsx
@@ -28,7 +28,7 @@ const DeviceStorageHealth: React.FC<DeviceStorageHealthProps> = ({ storage, maxS
     ]
   }
   return (
-    <Shadow style={{ width: '284px', height: '136px', borderRadius: '16px' }}>
+    <Shadow variant="$2" style={{ width: '284px', height: '136px', borderRadius: '16px' }}>
       <YStack>
         <XStack
           justifyContent="space-between"