_layout.tsx

import FontAwesome from '@expo/vector-icons/FontAwesome';
import { Link, Tabs } from 'expo-router';

// You can explore the built-in icon families and icons on the web at https://icons.expo.fyi/
function TabBarIcon(props: { name: React.ComponentProps<typeof FontAwesome>['name']; color: string }) {
    return <FontAwesome size={28} style={{ marginBottom: -3 }} {...props} />;
}

export default function TabLayout() {
    return (
        <Tabs
            screenOptions={{
                //tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
                // Force header to be completely hidden for all tabs
                headerShown: false,
            }}
        >
            <Tabs.Screen
                name="index"
                options={{
                    title: 'Home',
                    // We'll handle headers manually in each screen component
                    tabBarIcon: ({ color }: { color: string }) => <TabBarIcon name="code" color={color} />,
                }}
            />
            <Tabs.Screen
                name="jobs"
                options={{
                    title: 'Jobs',
                    tabBarIcon: ({ color }: { color: string }) => <TabBarIcon name="briefcase" color={color} />,
                }}
            />
            <Tabs.Screen
                name="settings"
                options={{
                    title: 'Settings',
                    tabBarIcon: ({ color }: { color: string }) => <TabBarIcon name="cog" color={color} />,
                }}
            />
            <Tabs.Screen
                name="cellular"
                options={{
                    title: 'Cellular',
                    tabBarIcon: ({ color }: { color: string }) => <TabBarIcon name="phone" color={color} />,
                }}
            />
            <Tabs.Screen
                name="permissions"
                options={{
                    title: 'Permissions',
                    tabBarIcon: ({ color }: { color: string }) => <TabBarIcon name="shield" color={color} />,
                }}
            />
        </Tabs>
    );
}