App.js

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import MainNavigator from './navigation/MainNavigator';
import useFontsLoader from './hooks/useFontsLoader';
import { Text, View, ActivityIndicator } from 'react-native';

const fonts = {
  'baloo2-extrabold': require('./assets/fonts/Baloo2-ExtraBold.ttf'),
  'comfortaa-light': require('./assets/fonts/Comfortaa-Light.ttf'),
  'comfortaa-bold': require('./assets/fonts/Comfortaa-Bold.ttf'),
};

export default function App() {
  const fontsLoaded = useFontsLoader(fonts); // Load các font

  if (!fontsLoaded) {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <ActivityIndicator size="large" color="#0000ff" />
      </View>
    );
  }

  return (
      <NavigationContainer>
        <MainNavigator />
      </NavigationContainer>
  );
}