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";
import { useFocusEffect } from "@react-navigation/native";
const LoginStack = createStackNavigator();

const config = {
    animation: "spring",
    config: {
        stiffness: 1000,
        damping: 500,
        mass: 3,
        overshootClamping: true,
        restDisplacementThreshold: 0.01,
        restSpeedThreshold: 0.01,
    },
};

export default function LoginStackNavigator({ navigation, route }) {
    return (
        <LoginStack.Navigator
            headerMode='none'
            screenOptions={{
                gestureEnabled: true,
                cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS,
            }}
            initialRouteName='Login'
        >
            <LoginStack.Screen name='Login' component={LoginScreen} />
            <LoginStack.Screen name='Register' component={RegisterScreen} />
            <LoginStack.Screen name='RegisterSe' component={RegisterSeScreen} />
        </LoginStack.Navigator>
    );
}