import { Tabs } from 'expo-router';
import React from 'react';
import {MaterialCommunityIcons} from "@expo/vector-icons";
import {Palette} from '@/constants/palette';

export default function TabLayout() {

    return (
        <Tabs
            screenOptions={{
                tabBarActiveTintColor: Palette.tab.active,
                headerShown: false,
            }}>
            <Tabs.Screen
                name="index"
                options={{
                    title: 'Home',
                    tabBarIcon: ({ color }) => <MaterialCommunityIcons size={28} name="home-outline" color={color} />,
                }}
            />
            <Tabs.Screen
                name="settings"
                options={{
                    title: 'Settings',
                    tabBarIcon: ({ color }) => <MaterialCommunityIcons size={28} name="cog-outline" color={color} />,
                }}
            />
        </Tabs>
    );
}