import {
  createStackNavigator,
  CardStyleInterpolators,
} from "@react-navigation/stack";
import * as React from "react";
import { useModel } from "flooks";

import LoginScreen from "../screens/LoginScreen";
import RegisterScreen from "../screens/RegisterScreen";
import RegisterSeScreen from "../screens/RegisterSeScreen";

const LoginStack = createStackNavigator();

export default function LoginStackNavigator() {
  const { initRoute } = useModel("userModel");

  return (
    <LoginStack.Navigator
      headerMode="none"
      screenOptions={{
        gestureEnabled: true,
        cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS,
      }}
      initialRouteName={__DEV__ ? "Login" : initRoute}
    >
      <LoginStack.Screen name="Login" component={LoginScreen} />
      <LoginStack.Screen name="Register" component={RegisterScreen} />
      <LoginStack.Screen name="RegisterSe" component={RegisterSeScreen} />
    </LoginStack.Navigator>
  );
}