import { Stack } from "expo-router";
import "@/global.css";
import { GluestackUIProvider } from "@/components/ui/gluestack-ui-provider";
import { Appearance } from "react-native";
import {Colors} from "@/constants/Colors"

export default function RootLayout() {
  const colorScheme = Appearance.getColorScheme();

  const theme = colorScheme === 'dark' ? Colors.dark :
   Colors.light;
  return (
   <GluestackUIProvider mode="light"><Stack screenOptions={{ headerStyle: {backgroundColor:theme.background},
    headerTintColor: theme.text
  }}>
  <Stack.Screen name="index"/>
  <Stack.Screen name="+not-found" options={{headerShown:false}}/>

  </Stack></GluestackUIProvider>
  );
}