    import 'react-native-gesture-handler';
    import React, { useState } from 'react';
    import { LogBox } from 'react-native';
    import Atlas from './src/components/Atlas';
    import { SafeAreaProvider } from 'react-native-safe-area-context';
    import { Asset } from 'expo-asset';
    import AppLoading from 'expo-app-loading';

    /**
     * The root app component.
     * @component
     */
    const App: React.FC = () => {
      LogBox.ignoreAllLogs();
      // const [loading, setLoading] = useState(false);
      // const _cacheResourcesAsync = async () => {
      //   const images = [
      //     require('./assets/logo-white.png'),
      //     require('./assets/cover-dark.png'),
      //     require('./assets/cover.jpg'),
      //     require('./assets/default-pfp.png'),
      //     require('./assets/pothole.png'),
      //     require('./assets/roadblock.png'),
      //     require('./assets/barrier.png'),
      //     require('./assets/bump.png'),
      //     require('./assets/information.png'),
      //     require('./assets/washroom.png'),
      //     require('./assets/park.png'),
      //   ];

      //   const cacheImages = images.map(image => {
      //     return Asset.fromModule(image).downloadAsync();
      //   });

      //   return Promise.all(cacheImages);
      // }

      // if (loading) {
      //   return (
      //     <AppLoading
      //       // startAsync={_cacheResourcesAsync}
      //       onFinish={() => setLoading(false)}
      //       onError={console.warn}
      //     />
      //   );
      // }

      return <Atlas/>
    }

    export default App;