import React from 'react';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { AuthStackParamList } from '@navigation/navigationTypes';
import {
  LoginScreen,
  OtpScreen,
  SetLocationScreen,
  CompleteProfileScreen,
  OnboardingCompleteScreen,
} from '@features/screens';
import { RouteNames } from '@utils/constants';

const Stack = createNativeStackNavigator<AuthStackParamList>();

const AuthStack: React.FC = () => {
  return (
    <Stack.Navigator screenOptions={{ headerShown: false }}>
      <Stack.Screen name={RouteNames.Login} component={LoginScreen} />
      <Stack.Screen name={RouteNames.Otp} component={OtpScreen} />
      <Stack.Screen
        name={RouteNames.SetLocation}
        component={SetLocationScreen}
      />
      <Stack.Screen
        name={RouteNames.CompleteProfile}
        component={CompleteProfileScreen}
      />
      <Stack.Screen
        name={RouteNames.OnboardingComplete}
        component={OnboardingCompleteScreen}
      />
    </Stack.Navigator>
  );
};

export default AuthStack;