import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import LoginScreen from './src/pages/Login';
import TeamScreen from './src/pages/Team';
import DataScreen from './src/pages/Data';
import PlayScreen from './src/pages/Play';
import MatchScreen from './src/pages/Match';
import MeScreen from './src/pages/Me';

const Stack = createNativeStackNavigator();

function App(): React.JSX.Element {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="Team">
        <Stack.Screen
          name="Login"
          component={LoginScreen}
          options={{
            title: '登录',
            headerBackVisible: false,
            headerShown: false,
          }}
        />
        <Stack.Screen
          name="Team"
          component={TeamScreen}
          options={{
            title: '球队',
            headerBackVisible: false,
            headerShown: false,
          }}
        />

        <Stack.Screen
          name="Data"
          component={DataScreen}
          options={{
            title: '数据',
            headerBackVisible: false,
            headerShown: false,
          }}
        />

        <Stack.Screen
          name="Play"
          component={PlayScreen}
          options={{
            title: 'PLAY',
            headerBackVisible: false,
            headerShown: false,
          }}
        />

        <Stack.Screen
          name="Match"
          component={MatchScreen}
          options={{
            title: '赛事',
            headerBackVisible: false,
            headerShown: false,
          }}
        />

        <Stack.Screen
          name="Me"
          component={MeScreen}
          options={{
            title: '我的',
            headerBackVisible: false,
            headerShown: false,
          }}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;
