import { DiscoveryProvider } from "@/contexts/DiscoveryContext";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { Stack } from "expo-router";
import "react-native-reanimated";

const queryClient = new QueryClient();

export default function RootLayout() {
  return (
    <QueryClientProvider client={queryClient}>
      <DiscoveryProvider>
        <Stack>
          <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
          <Stack.Screen
            name="showDetails"
            options={{
              headerShown: false,
            }}
          />
          <Stack.Screen
            name="participant"
            options={{
              headerShown: false,
            }}
          />
        </Stack>
      </DiscoveryProvider>
    </QueryClientProvider>
  );
}
