App.tsx

import React from 'react';
import { StatusBar } from 'react-native'
import { useFonts } from 'expo-font';
import { Inter_400Regular ,Inter_500Medium  } from '@expo-google-fonts/inter';
import { Rajdhani_500Medium, Rajdhani_700Bold } from '@expo-google-fonts/rajdhani';
import AppLoading from 'expo-app-loading'

import { Routes } from './src/routes';
import { Background } from './src/components/Background';
import { AuthProvider } from './src/hooks/auth';

export default function App(){
  const [isLoaded] = useFonts({
    Inter_400Regular,
    Inter_500Medium,
    Rajdhani_500Medium,
    Rajdhani_700Bold
  });

  if(!isLoaded){
    return <AppLoading />
  }
  return(
    <Background>
      <StatusBar 
        barStyle="light-content"
        backgroundColor="transparent"
        translucent
      />
      <AuthProvider>
        <Routes />  
      </AuthProvider>
    
    </Background>

  );
}