Asset,Alarm,Module Screen is added

App.tsx

@@ -1,25 +1,32 @@
-import React from 'react';
-import { StatusBar, StyleSheet, View } from 'react-native';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
-import  HomeScreen from './src/screens/HomeScreen/homeScreen';
-import { COLORS } from './src/constants/color';
-import { AssetCard } from './src/components/assetCard';
-import AssetScreen from './src/screens/AssetsScreen/assetScreen';
+import React, { useState } from 'react';
+import { View } from 'react-native';
+import ModuleScreen from './src/screens/ModuleScreen/moduleScreen';
+import AlarmsScreen from './src/screens/AlarmScreen/alarmScreen';
+import AssetsScreen from './src/screens/AssetsScreen/assetScreen';
+import HomeScreen from './src/screens/HomeScreen/homeScreen';
+import BottomTabBar, { TabType } from './src/navigation/bottonTabBar';
+
+
+
+export default function App(): React.JSX.Element {
+  // Use generic type annotation for useState
+  const [activeTab, setActiveTab] = useState<TabType>('Home');
 
-export default function App() {
   return (
-    <SafeAreaProvider>
-      <View style={styles.container}>
-        <StatusBar barStyle="light-content" backgroundColor={COLORS.background} />
-        <AssetScreen />
+    <View style={{ flex: 1 }}>
+      
+      {/* SCREEN AREA */}
+      <View style={{ flex: 1 }}>
+        {activeTab === 'Home' && <HomeScreen />}
+        {activeTab === 'Assets' && <AssetsScreen />}
+        {/* {activeTab === 'Scan' && <ScanScreen />} */}
+        {activeTab === 'Alarms' && <AlarmsScreen />}
+        {activeTab === 'More' && <ModuleScreen />}
       </View>
-    </SafeAreaProvider>
-  );
-}
 
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: COLORS.background,
-  },
-});
+      {/* BOTTOM TAB BAR */}
+      <BottomTabBar activeTab={activeTab} setActiveTab={setActiveTab} />
+      
+    </View>
+  );
+}