import React from 'react';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

import type { LoanStackParamList } from './types';
import LoanDashboardScreen from '../modules/loan/screens/LoanDashboardScreen';
import LoanTypesListingScreen from '../modules/loan/screens/LoanTypesListingScreen';
import LoanEligibilityCheckScreen from '../modules/loan/screens/LoanEligibilityCheckScreen';
import LoanCalculatorScreen from '../modules/loan/screens/LoanCalculatorScreen';
import ApplyLoanScreen from '../modules/loan/screens/ApplyLoanScreen';
import LoanTrackingScreen from '../modules/loan/screens/LoanTrackingScreen';
import ActiveLoanDetailsScreen from '../modules/loan/screens/ActiveLoanDetailsScreen';
import EmiPaymentScreen from '../modules/loan/screens/EmiPaymentScreen';
import LoanHistoryScreen from '../modules/loan/screens/LoanHistoryScreen';
import LoanDocumentsScreen from '../modules/loan/screens/LoanDocumentsScreen';

const Stack = createNativeStackNavigator<LoanStackParamList>();

export const LoanNavigator = () => {
  return (
    <Stack.Navigator screenOptions={{ headerShown: false }}>
      <Stack.Screen name="LoanDashboard" component={LoanDashboardScreen} />
      <Stack.Screen name="LoanTypesListing" component={LoanTypesListingScreen} />
      <Stack.Screen name="LoanEligibilityCheck" component={LoanEligibilityCheckScreen} />
      <Stack.Screen name="LoanCalculator" component={LoanCalculatorScreen} />
      <Stack.Screen name="ApplyLoan" component={ApplyLoanScreen} />
      <Stack.Screen name="LoanTracking" component={LoanTrackingScreen} />
      <Stack.Screen name="ActiveLoanDetails" component={ActiveLoanDetailsScreen} />
      <Stack.Screen name="EmiPayment" component={EmiPaymentScreen} />
      <Stack.Screen name="LoanHistory" component={LoanHistoryScreen} />
      <Stack.Screen name="LoanDocuments" component={LoanDocumentsScreen} />
    </Stack.Navigator>
  );
};