import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import { NavigationContainer } from "@react-navigation/native";
import React from "react";
import CityList from "../screens/CityList";
import Home from "../screens/Home";
import StackNavigation from "./StackNavigation";

export default function TabNavigation() {
    const BottomTabNavigator = createBottomTabNavigator();
    return (
        <NavigationContainer>
            <BottomTabNavigator.Navigator initialRouteName="Home" >
                <BottomTabNavigator.Screen name="Home" component={Home}
                            options={{
                                title: 'Home',
                                headerShown: false,
                            }}/>
                <BottomTabNavigator.Screen name="Stack" component={StackNavigation}
                                            options={{
                                                headerShown: false,
                                                title: 'Stack',
                                            }}/>
            </BottomTabNavigator.Navigator>
        </NavigationContainer>
    )
}