import React, { useEffect } from 'react';
import { StyleSheet, useColorScheme } from 'react-native';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { PaperProvider } from 'react-native-paper';
import AppNavigator from './src/navigation/AppNavigator';
import notifee from '@notifee/react-native';
import FirebaseService from './src/utils/firebase/firebaseServices';

function App() {
  const isDarkMode = useColorScheme() === 'dark';

  useEffect(() => {
    // 🔹 Ask for permission
    FirebaseService.requestPermission();

    // 🔹 Handle background + quit state
    FirebaseService.backgroundHandler();

    // 🔹 Listen for foreground messages
    const unsubscribe = FirebaseService.foregroundListener();

    // 🔹 Listen for token refresh
    const unsubscribeRefresh = FirebaseService.tokenRefreshHandler();

    // 🔹 Create default notification channel (Android)
    notifee.createChannel({
      id: 'default',
      name: 'Default Channel',
      importance: 4, // HIGH
    });

    return () => {
      unsubscribe();
      unsubscribeRefresh();
    };
  }, []);

  return (
    <SafeAreaProvider>
      <PaperProvider>
        <AppNavigator />
      </PaperProvider>
    </SafeAreaProvider>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

export default App;