import { Tabs } from 'expo-router/tabs';
import {HeaderTitle} from "@react-navigation/elements";

import { FontAwesome } from "@expo/vector-icons";

export default function Layout() {
    return (
        <Tabs initialRouteName={"index"}>
            <Tabs.Screen name="budget" options={
                {
                    tabBarLabel: "Budget",
                    tabBarIcon: ({ color, size }) => (
                        <FontAwesome name="money" size={size} color={color}/>),
                }
            }/>
            <Tabs.Screen name="index" options={
                {
                    tabBarLabel: "Home",
                    tabBarIcon: ({ color, size }) => (
                        <FontAwesome name="home" size={size} color={color}/>),
                }
            }/>
            <Tabs.Screen name="stats" options={
                {
                    tabBarLabel: "Stats",
                    tabBarIcon: ({ color, size }) => (
                        <FontAwesome name="bar-chart" size={size} color={color}/>),
                }
            }/>
        </Tabs>
        );
}