navigation.js

import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import DashboardScreen from "./screens/authenticatedScreens/DashboardScreen";
import DigitalMedicalScreen from "./screens/onboardingScreens/DigitalMedicalScreen";
import EmergencyContactsScreen from "./screens/onboardingScreens/EmergencyContactsScreen";
import SignupScreen from "./screens/onboardingScreens/SignupScreen";
import TempLandingScreen from "./screens/onboardingScreens/TempLandingScreen";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import SOSNearbyScreen from "./screens/authenticatedScreens/SOSNearbyScreen";
import AskLocationScreen from "./screens/authenticatedScreens/tempTesting/AskLocationScreen";
import { GlobalStyles } from "./constants/styles";
import SOSDetailsScreen from "./screens/authenticatedScreens/SOSDetailsScreen";
import SOSMapDirections from "./screens/authenticatedScreens/SOSMapDirections";
import InfoNearbySOS from "./screens/onboardingScreens/InfoNearbySOS";
import InfoPassiveSOS from "./screens/onboardingScreens/InfoPassiveSOS";
import ActiveRouteScreen from "./screens/authenticatedScreens/ActiveRouteScreen";

const Stack = createNativeStackNavigator();
const BottomTabs = createBottomTabNavigator();

export function SignedOutScreens() {
  return (
    <NavigationContainer>
      <Stack.Navigator
        initialRouteName="TempLandingScreen"
        screenOptions={{ headerShown: false }}
      >
        <Stack.Screen name="TempLandingScreen" component={TempLandingScreen} />
        <Stack.Screen name="SignupScreen" component={SignupScreen} />
        <Stack.Screen
          name="DigitalMedicalScreen"
          component={DigitalMedicalScreen}
        />
        <Stack.Screen
          name="EmergencyContactsScreen"
          component={EmergencyContactsScreen}
        />
        <Stack.Screen name="InfoNearbySOS" component={InfoNearbySOS}/>
        {/* <Stack.Screen name="DashboardScreen" component={DashboardScreen} /> */}
        <Stack.Screen name="InfoPassiveSOS" component={InfoPassiveSOS}/>
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export function SignedInScreens() {
  return (
    <NavigationContainer>
      <Stack.Navigator screenOptions={{ headerShown: false }}>
        <Stack.Screen
          name="BottomTabsNavigation"
          component={BottomTabsNavigation}
        />
        <Stack.Screen name="SOSDetailsScreen" component={SOSDetailsScreen} />
        <Stack.Screen name="SOSMapDirections" component={SOSMapDirections} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export function BottomTabsNavigation() {
  return (
    // <NavigationContainer>
      <BottomTabs.Navigator
        screenOptions={{
          headerShown: false,
          tabBarStyle: { backgroundColor: GlobalStyles.colors.darkModeAccent },
          tabBarActiveTintColor: "white",
        }}
      >
        {/* <BottomTabs.Screen
          name="AskLocationScreen"
          component={AskLocationScreen}
        /> */}
        <BottomTabs.Screen name="ActiveRouteScreen" component={ActiveRouteScreen} />
        <BottomTabs.Screen name="DashboardScreen" component={DashboardScreen} />
        <BottomTabs.Screen name="SOSNearbyScreen" component={SOSNearbyScreen} />
      </BottomTabs.Navigator>
    // </NavigationContainer>
  );
}