import React from "react";
import AppStack from "./AppStack";
import AuthStack from "./AuthStack";
import { SafeAreaView } from "react-native-safe-area-context";
import { useSelector } from "react-redux";
import { selectCurrentToken } from "@features/auth/authSlice";
import { StatusBar } from "expo-status-bar";
import { useTheme } from "@styles";

const RootNavigation = () => {
  const { isDark, colors } = useTheme();
  const tokens = useSelector(selectCurrentToken);

  return !tokens ? (
    <SafeAreaView style={{ flex: 1, backgroundColor: colors.background }}>
      <StatusBar
        backgroundColor={colors.background}
        style={isDark ? "light" : "dark"}
      />
      <AuthStack />
    </SafeAreaView>
  ) : (
    <SafeAreaView style={{ flex: 1, backgroundColor: colors.background }}>
      <StatusBar
        backgroundColor={colors.background}
        style={isDark ? "light" : "dark"}
      />
      <AppStack />
    </SafeAreaView>
  );
};

export default RootNavigation;