import { MainColor } from "@/constants/color-palet";
import { Stack } from "expo-router";
import "react-native-gesture-handler";
import { SafeAreaProvider } from "react-native-safe-area-context";
import Toast from "react-native-toast-message";

export default function RootLayout() {
  return (
    <>
      <SafeAreaProvider>
        <Stack
          screenOptions={{
            headerStyle: { backgroundColor: MainColor.darkblue },
            headerTitleStyle: { color: MainColor.yellow, fontWeight: "bold" },
            headerTitleAlign: "center",
          }}
        >
          <Stack.Screen
            name="index"
            options={{ title: "", headerBackVisible: false }}
          />
          <Stack.Screen name="+not-found" options={{ title: "" }} />
          <Stack.Screen
            name="verification"
            options={{ title: "", headerBackVisible: false }}
          />
          <Stack.Screen
            name="register"
            options={{ title: "", headerBackVisible: false }}
          />
          <Stack.Screen name="(application)" options={{ headerShown: false }} />
        </Stack>
      </SafeAreaProvider>
      <Toast />
    </>
  );
}