import {createBottomTabNavigator} from "@react-navigation/bottom-tabs";
import {NavigationContainer} from "@react-navigation/native";
import {AntDesign, Ionicons} from '@expo/vector-icons';
import SettingsPage from "./SettingsPage";
import HomePage from "./HomePage";
import StackNavigation from "./StackNavigation";

export default function NavigationBar() {
    const BottomTabNavigator = createBottomTabNavigator();
    return (
        <NavigationContainer >
            <BottomTabNavigator.Navigator initialRouteName="HomeNav" screenOptions={{headerShown: false}}>
                <BottomTabNavigator.Screen name="HomeNav" component={StackNavigation} options={{
                    title: 'Home',
                    tabBarIcon: () => (<AntDesign name="home" size={24} color="black" />)
                }}/>
                <BottomTabNavigator.Screen name="Settings" component={SettingsPage} options={{
                    title: 'Settings',
                    tabBarIcon: () => (<Ionicons name="settings-outline" size={24} color="black" />)
                }}/>
            </BottomTabNavigator.Navigator>
        </NavigationContainer>
    )
}