import React from 'react';
import {
  SafeAreaView,
  StatusBar,
  Text
} from 'react-native';

import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { SafeAreaProvider } from 'react-native-safe-area-context'

import PageA from './src/page/PageA';
import PageB from './src/page/PageB';
const Stack = createNativeStackNavigator()

function App(): JSX.Element {
  return (
    <SafeAreaProvider >
      <StatusBar
        barStyle={'dark-content'}
        backgroundColor={'white'}
      />
      <NavigationContainer>
        <Stack.Navigator initialRouteName='PageA'>
          <Stack.Screen 
            name='PageA'
            component={PageA}
            options={{headerShown: false}}
          />
          <Stack.Screen 
            name='PageB'
            component={PageB}
            options={{headerShown: false}}
          />
        </Stack.Navigator>
      </NavigationContainer>
    </SafeAreaProvider>
  );
}



export default App;