App.tsx

import React from 'react';
import { ThemeProvider } from 'styled-components'
import AppRoutes from './src/routes/app.routes'; 
import { NewMeal } from './src/pages/DietScreens/NewMeal';
import { useFonts, Prompt_600SemiBold, Prompt_500Medium, Prompt_700Bold } from '@expo-google-fonts/prompt';

//--------------------------------------------------

import Theme from './src/global/styles/Theme';
import AppLoading from 'expo-app-loading';
import { NavigationContainer } from '@react-navigation/native';
import { AuthRoutes } from './src/routes/auth.routes';


//---------------------------------------------------




export default function App() {


  const [FontsLoaded] = useFonts({

    Prompt_600SemiBold,
    Prompt_500Medium,
    Prompt_700Bold

  })

  if (!FontsLoaded) {
    return <AppLoading />
  }

  return (

    <ThemeProvider theme={Theme} >
      <NavigationContainer>
         <AppRoutes/>
        </NavigationContainer>
    </ThemeProvider>

  );
}