import "./global.css";
import { StatusBar } from "expo-status-bar";
import { NavigationContainer } from "@react-navigation/native";
import { RootNavigator } from "./src/navigation/RootNavigator";
import { DatabaseProvider } from "./src/providers/DatabaseProvider";
import { SettingsProvider } from "./src/providers/WatchProvider";
import { useWatchWorkoutSync } from "./src/features/watch-connectivity/hooks/useWatchWorkoutSync";

function WatchSync() {
  useWatchWorkoutSync();
  return null;
}

export default function App() {
  return (
    <DatabaseProvider>
      <SettingsProvider>
        <NavigationContainer>
          <WatchSync />
          <RootNavigator />
          <StatusBar style="light" />
        </NavigationContainer>
      </SettingsProvider>
    </DatabaseProvider>
  );
}