import {Tabs} from "expo-router";
import {Ionicons} from "@expo/vector-icons";

export default function TabLayout() {
    return (
        <Tabs
            screenOptions={{
                tabBarActiveTintColor: "rgb(var(--color-primary-500))",
            }}
        >
            <Tabs.Screen
                name="index"
                options={{
                    title: "Home",
                    tabBarLabel: "Home",
                    tabBarIcon: ({color, size}) => (
                        <Ionicons name="home-outline" size={size} color={color}/>
                    ),
                }}
            />
            <Tabs.Screen
                name="notices"
                options={{
                    title: "Ogłoszenia",
                    tabBarLabel: "Ogłoszenia",
                    tabBarIcon: ({color, size}) => (
                        <Ionicons name="list-outline" size={size} color={color}/>
                    ),
                }}
            />
            <Tabs.Screen
                name="notice/create"
                options={{
                    title: "Dodaj",
                    tabBarLabel: "Dodaj",
                    tabBarIcon: ({color, size}) => (
                        <Ionicons name="add-circle-outline" size={size} color={color}/>
                    ),
                }}
            />
            <Tabs.Screen
                name="wishlist"
                options={{
                    title: "Ulubione",
                    tabBarLabel: "Ulubione",
                    tabBarIcon: ({color, size}) => (
                        <Ionicons name="heart-outline" size={size} color={color}/>
                    ),
                }}
            />
            <Tabs.Screen
                name="login"
                options={{
                    headerShown: false, // Ukryj nagłówek dla Drawer
                    title: "Authentication",
                    tabBarLabel: "Authentication",
                    tabBarIcon: ({color, size}) => (
                        <Ionicons name="key" size={size} color={color}/>
                    ),
                }}
            />
            <Tabs.Screen
                name="dashboard"
                options={{
                    headerShown: false, // Ukryj nagłówek dla Drawer
                    title: "Konto",
                    tabBarLabel: "Konto",
                    tabBarIcon: ({color, size}) => (
                        <Ionicons name="person-outline" size={size} color={color}/>
                    ),
                }}
            />
        </Tabs>
    );
}