import { SeasonProvider } from "@/contexts/SeasonContext";
import { ShowProvider } from "@/contexts/ShowContext";
import { StreamingServiceProvider } from "@/contexts/StreamingServiceContext";

import { DiscoveryProvider } from "@/contexts/DiscoveryContext";
import { Stack } from "expo-router";
import "react-native-reanimated";

export default function RootLayout() {
  return (
    <ShowProvider>
      <SeasonProvider>
        <StreamingServiceProvider>
          <DiscoveryProvider>
            <Stack>
              <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
              <Stack.Screen
                name="showDetails"
                options={{
                  headerShown: false,
                }}
              />
              <Stack.Screen
                name="participant"
                options={{
                  presentation: "fullScreenModal",
                  headerShown: false,
                }}
              />
            </Stack>
          </DiscoveryProvider>
        </StreamingServiceProvider>
      </SeasonProvider>
    </ShowProvider>
  );
}