import { Stack } from "expo-router";
import { AccountsProvider } from "./services/Accounts";

export default function RootLayout() {
  return (
    <AccountsProvider>
      <Stack>
        <Stack.Screen name="index" options={{headerShown: false}}/>
        <Stack.Screen name="HomePage" options={
          {title: "Accounts",
            headerStyle:{
              backgroundColor: "#0075FF",
            },
            headerTitleStyle:{
              fontWeight: "bold",
              fontSize: "25px",
            },
            headerTintColor: "white",
            headerShown: true}
        }/>
        <Stack.Screen name="Register" options={
          {title: "Register",
            headerStyle:{
              backgroundColor: "#0075FF",
            },
            headerTitleStyle:{
              fontWeight: "bold",
              fontSize: "25px",
            },
            headerTintColor: "white",
            headerShown: true}
        }/>
        <Stack.Screen name="Login" options={
          {title: "Login",
            headerStyle:{
              backgroundColor: "#0075FF",
            },
            headerTitleStyle:{
              fontWeight: "bold",
              fontSize: "25px",
            },
            headerTintColor: "white",
            headerShown: true}
        }/>
        <Stack.Screen name="Scan" options={{headerShown: false}}/>
        <Stack.Screen name="OtpGen" options={
          {title: "Generate Password",
            headerStyle:{
              backgroundColor: "#0075FF",
            },
            headerTitleStyle:{
              fontWeight: "bold",
              fontSize: "20px",
            },
            headerTintColor: "white",
            headerShown: true}
        }/>
      </Stack>
    </AccountsProvider>
  );
}

