import { View, Text } from 'react-native'
import Icon from 'react-native-vector-icons/FontAwesome'
import React from 'react'
import { Tabs } from 'expo-router'

export default function _layout() {
  return (
    <Tabs
    initialRouteName='index' screenOptions={{
      tabBarShowLabel: false
    }}>
    
        <Tabs.Screen name="expenses" options={{
          tabBarIcon: ({focused}) =>{
          return (
            <Icon name="money" size={50} color={focused ? 'orange' : 'grey'}></Icon>
          )
          },
      
        }}/>
        <Tabs.Screen name="index" options={{
          tabBarIcon: ({focused}) =>{
          return (
            <Icon name="home" size={50} color={focused ? 'orange' : 'grey'}></Icon>
          )
          }
      
        }}/>
        <Tabs.Screen name="stats" options={{
          tabBarIcon: ({focused}) =>{
          return (
            <Icon name="pie-chart" size={50} color={focused ? 'orange' : 'grey'}></Icon>
          )
          }
      
        }}/>
    </Tabs>
  )
}