App.tsx

import { NativeBaseProvider, StatusBar } from 'native-base'
import { useFonts, Roboto_400Regular, Roboto_500Medium, Roboto_700Bold, } from '@expo-google-fonts/roboto'

import { AuthContextProvider } from './src/contexts/AuthContext'

import { THEME } from './src/styles/theme'
import { Loading } from './src/components/Loading'
import { Signin } from './src/screens/Signin'


export default function App() {
  const [fontsLoaded] = useFonts({ Roboto_400Regular, Roboto_500Medium, Roboto_700Bold, })

  return (
    <AuthContextProvider>
      <NativeBaseProvider theme={THEME}>
        <StatusBar
          barStyle="light-content"
          backgroundColor="transparent"
          translucent
        />
        {fontsLoaded ? <Signin /> : <Loading />}
      </NativeBaseProvider>
    </AuthContextProvider>
  )
}