import React from 'react';
import {
  SafeAreaView,
  StatusBar,
  Text,
  Platform,
  UIManager
} 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 Welcome from './src/page/welcome/Welcome';
import Login from './src/page/login/Login';
import Main from './src/page/main/Main';
const Stack = createNativeStackNavigator()

if(Platform.OS === 'android') {
  if(UIManager.setLayoutAnimationEnabledExperimental) {
    UIManager.setLayoutAnimationEnabledExperimental(true)
  }
}


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



export default App;