import React, { Component } from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { NavTabScreen } from './src/router';
import Twitter from '@/pages/screens/twitter/index';
import Redpack from '@/pages/screens/redpack/index';
import Login from '@/pages/screens/login/index';
import WebView from '@/pages/screens/webview/index';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { ModalPortal } from 'react-native-modals';

class App extends Component {
	render() {
		const stackNavigator = createNativeStackNavigator();

		return (
			<SafeAreaProvider>
				<NavigationContainer>
					<stackNavigator.Navigator>
						<stackNavigator.Screen
							name="HomeTab"
							component={NavTabScreen}
							options={{
								headerShown: false,
							}}
						/>
						<stackNavigator.Screen
							name="Twitter"
							component={Twitter}
						/>
						<stackNavigator.Screen
							name="Redpack"
							component={Redpack}
						/>
						<stackNavigator.Screen
							name="WebView"
							component={WebView}
						/>
						<stackNavigator.Screen name="Login" component={Login} />
					</stackNavigator.Navigator>
				</NavigationContainer>
				<ModalPortal />
			</SafeAreaProvider>
		);
	}
}
export default App;
