import {Stack, Tabs} from "expo-router";

import "../global.css";
import { GluestackUIProvider } from "./src/components/ui/gluestack-ui-provider";
import HomeScreen from "@/src/screen/HomeScreen";
import ProfileScreen from "@/src/screen/ProfileScreen";
import React from "react";
import Navigation from "@/src/navigation/navigation";
import {SafeAreaView} from "react-native";
import {createBottomTabNavigator} from "@react-navigation/bottom-tabs";
import {AntDesign, MaterialIcons} from "@expo/vector-icons";
export default function RootLayout() {
    const BottomTabNavigator = createBottomTabNavigator();
    return (
        <GluestackUIProvider>

            <BottomTabNavigator.Navigator initialRouteName={"Home"}
                                          screenOptions={{
                                              headerShown: false, // Désactive les en-têtes si vous voulez uniquement les onglets
                                              tabBarActiveTintColor: '#007AFF', // Couleur des icônes actives
                                              tabBarInactiveTintColor: '#8e8e93', // Couleur des icônes inactives
                                          }}>

                <BottomTabNavigator.Screen
                    name="Home"
                    component={HomeScreen}
                    options={{
                        title: 'Accueil',
                        tabBarIcon: ({ color, size }) => (
                            <MaterialIcons name="home" color={color} size={size} />
                        ),
                    }}
                />
                <BottomTabNavigator.Screen name={"Settings"} component={ProfileScreen}
                                           options={{
                                               title: 'Profile',
                                               tabBarIcon: ({ color, size }) => (
                                                   <MaterialIcons name="account-circle" size={24} color={color} />
                                               ),
                                           }}/>


            </BottomTabNavigator.Navigator>
        </GluestackUIProvider>
    );
}