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

const queryClient = new QueryClient();
export default function RootLayout() {
   const fetchNotices = useNoticesStore((state) => state.fetchNotices);

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