import React, { useEffect } from 'react';

import './global.css';

import { StatusBar } from 'expo-status-bar';

import { SafeAreaProvider } from 'react-native-safe-area-context';

import { GestureHandlerRootView } from 'react-native-gesture-handler';

import { useFonts } from 'expo-font';

import {

PlusJakartaSans_400Regular,

PlusJakartaSans_500Medium,

PlusJakartaSans_600SemiBold,

PlusJakartaSans_700Bold

} from '@expo-google-fonts/plus-jakarta-sans';

import {

Outfit_600SemiBold,

Outfit_700Bold,

Outfit_800ExtraBold

} from '@expo-google-fonts/outfit';

import { WalletProvider } from './src/context/WalletContext';

import AppNavigator from './src/navigation/AppNavigator';

import { initializeProgramConfig } from './src/services/pool-program';

export default function App() {

const [fontsLoaded] = useFonts({

'PlusJakartaSans-Regular': PlusJakartaSans_400Regular,

'PlusJakartaSans-Medium': PlusJakartaSans_500Medium,

'PlusJakartaSans-SemiBold': PlusJakartaSans_600SemiBold,

'PlusJakartaSans-Bold': PlusJakartaSans_700Bold,

'Outfit-SemiBold': Outfit_600SemiBold,

'Outfit-Bold': Outfit_700Bold,

'Outfit-ExtraBold': Outfit_800ExtraBold,

});

useEffect(() => {

initializeProgramConfig();

}, []);

if (!fontsLoaded) {

return null;

}

return (

<GestureHandlerRootView style={{ flex: 1 }}>

<SafeAreaProvider>

<StatusBar style="light" />

<WalletProvider>

<AppNavigator />

</WalletProvider>

</SafeAreaProvider>

</GestureHandlerRootView>

);

}