Untitled

// /app
import { AuthProvider } from "@/src/contexts/AuthContext"
import { Slot } from "expo-router"
import { GroupProvider } from "../contexts/GroupContext"
import { PaperProvider } from "react-native-paper"

export default function RootLayout() {
    return (
        <PaperProvider>
            <AuthProvider>
                <GroupProvider>
                    <Slot/>
                </GroupProvider>
            </AuthProvider>
        </PaperProvider>
    )
}


// /app/(app)
import { useAuth } from "@/src/contexts/AuthContext"
import { Redirect, Stack } from "expo-router"

export default function AppLayout() {
    const { user } = useAuth()

    if (!user) return <Redirect href="/sign-in" />

    return (
        <Stack>
            <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
            <Stack.Screen name="+not-found" />
        </Stack>
    )
}


// /app/(app)/(tabs)
import { Tabs } from "expo-router"

export default function TabLayout() {
    return (
        <Tabs
            screenOptions={{
                tabBarActiveTintColor: "#ffd33d",
                headerStyle: {
                    backgroundColor: "#25292e",
                },
                headerShadowVisible: false,
                headerTintColor: "#fff",
                tabBarStyle: {
                    backgroundColor: "#25292e",
                },
            }}
        >
            <Tabs.Screen
                name="home"
                options={{
                    title: "Home",
                }}
            />
            <Tabs.Screen
                name="roster"
                options={{
                    title: "Roster",
                }}
            />
            <Tabs.Screen
                name="profile"
                options={{
                    title: "Profile",
                }}
            />
        </Tabs>
    )
}