import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import {
  LoginScreen,
  OtpScreen,
  SetLocationScreen,
  CompleteProfileScreen,
  PreferencesScreen,
  OnboardingCompleteScreen,
} from '@features/screens';

export type AuthStackParamList = {
  LoginScreen: undefined;
  OtpScreen: { mobileNumber: string };
  SetLocationScreen: undefined;
  CompleteProfileScreen: undefined;
  PreferencesScreen: undefined;
  OnboardingCompleteScreen: undefined;
};

const Stack = createStackNavigator<AuthStackParamList>();

export const AuthStack: React.FC = () => {
  return (
    <Stack.Navigator screenOptions={{ headerShown: false }}>
      <Stack.Screen name="LoginScreen" component={LoginScreen} />
      <Stack.Screen name="OtpScreen" component={OtpScreen} />
      <Stack.Screen name="SetLocationScreen" component={SetLocationScreen} />
      <Stack.Screen name="CompleteProfileScreen" component={CompleteProfileScreen} />
      <Stack.Screen name="PreferencesScreen" component={PreferencesScreen} />
      <Stack.Screen name="OnboardingCompleteScreen" component={OnboardingCompleteScreen} />
    </Stack.Navigator>
  );
};