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

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