From 1a44ad733c143f9984f244d2b38645436b59191c Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 8 Aug 2023 13:07:00 +0300
Subject: [PATCH] feat: create HealthInfoSection component

---
 src/App.tsx                          | 5 +++--
 src/components/HealthInfoSection.tsx | 7 +++++++
 2 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 src/components/HealthInfoSection.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 5e9d989d..a9fd4dbf 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,9 +2,9 @@ import './App.css'
 import { TamaguiProvider } from 'tamagui'
 import { Provider as StatusProvider } from '@status-im/components'
 import StandardGauge from './components/StandardGauge'
- 
-import config from '../tamagui.config'
 
+import config from '../tamagui.config'
+import HealthInfoSection from './components/HealthInfoSection'
 
 function App() {
   const data = [
@@ -28,6 +28,7 @@ function App() {
         <div style={{ height: '500px', width: '300px' }}>
           <StandardGauge data={data} />
         </div>
+        <HealthInfoSection />
       </StatusProvider>
     </TamaguiProvider>
   )
diff --git a/src/components/HealthInfoSection.tsx b/src/components/HealthInfoSection.tsx
new file mode 100644
index 00000000..fd5c083b
--- /dev/null
+++ b/src/components/HealthInfoSection.tsx
@@ -0,0 +1,7 @@
+import { YStack } from 'tamagui'
+
+const HealthInfoSection = () => {
+  return <YStack space={'$2'}></YStack>
+}
+
+export default HealthInfoSection