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 {
  backgroundHandler,
  foregroundListener,
  requestPermission,
  setupFirebaseHandlers,
  setupNotificationPressHandlers,
  tokenRefreshHandler,
} from './src/utils/firebase/firebaseServices';


import { dark, light } from './src/theme/theme';
import { ThemeProvider} from './src/theme/ThemeProvider';

function App() {


  useEffect(() => {
    requestPermission();
    backgroundHandler();
    setupFirebaseHandlers();
    setupNotificationPressHandlers();

    const unsubscribe = foregroundListener();
    const unsubscribeRefresh = tokenRefreshHandler();

    notifee.createChannel({
      id: 'default',
      name: 'Default Channel',
      importance: 4,
    });

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



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

export default App;

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