App.tsx

import { Text, View, StatusBar } from "react-native";
import { NativeBaseProvider } from "native-base";
import {
  useFonts,
  Roboto_400Regular,
  Roboto_700Bold,
} from "@expo-google-fonts/roboto";


import { THEME } from './src/theme';
import { Loading } from "@components/Loading";

import { Routes } from "@routes/index"; 
import { Home } from "@screens/Home";

import { AuthContextProvider } from "@contexts/AuthContext";

export default function App() {
  const [fontsLoaded] = useFonts({ Roboto_400Regular, Roboto_700Bold });
  return (
    <NativeBaseProvider theme={THEME}>
      <StatusBar
        barStyle="light-content"
        backgroundColor="transparent"
        translucent
      />
      <AuthContextProvider>
        {fontsLoaded ? (
          <Routes/>
        )    : 
          <Loading/>
        }
      </AuthContextProvider>
    </NativeBaseProvider>
  );
}