import {Stack} from "expo-router";
import "@/global.css";
import {GluestackUIProvider} from "@/components/ui/gluestack-ui-provider";
import {QueryClient, QueryClientProvider} from "@tanstack/react-query";

const queryClient = new QueryClient();
export default function RootLayout() {

    return (
        <QueryClientProvider client={queryClient}>
            <GluestackUIProvider>
                <Stack
                    screenOptions={{
                        headerTintColor: "#1c1c1e",
                        headerBackTitleVisible: false,
                        headerBackTitle: "Wróć",
                    }}
                >
                    <Stack.Screen name="(tabs)" options={{headerShown: false}}/>
                    {/*<Stack.Screen name="user" options={{headerShown: false}}/>*/}
                    <Stack.Screen
                        name="(auth)/login"
                        options={{headerShown: false}}/>
                    <Stack.Screen
                        name="registration"
                        options={{headerShown: false}}/>
                </Stack>
            </GluestackUIProvider>
        </QueryClientProvider>
    );
}