Font.tsx

// import {useFonts} from 'react-native-google-fonts';

// export const Font = () => {
//   const [fontsLoaded] = useFonts({
//     'Montserrat-Regular': require('./assets/fonts/Montserrat-Regular.ttf'),
//     'Montserrat-Bold': require('./assets/fonts/Montserrat-Bold.ttf'),
//     'Montserrat-ExtraBold': require('./assets/fonts/Montserrat-ExtraBold.ttf'),
//     'Montserrat-Medium': require('./assets/fonts/Montserrat-Medium.ttf'),
//     'Montserrat-Black': require('./assets/fonts/Montserrat-Black.ttf'),
//     // Add more font styles if needed
//   });

//   if (!fontsLoaded) {
//     return null; // Render a loading component if the fonts are not yet loaded
//   }

//   return <></>; // Return an empty component or your app's root component
// };