import { createNativeStackNavigator } from "@react-navigation/native-stack";
import HomePageWithPaymentOptions from "@screens/HomePageWithPaymentOptions";
import NumberAndOtpForPaymentScreen from "@screens/NumberAndOtpForPaymentScreen";
import PaymentAmountInputScreen from "@screens/PaymentAmountInputScreen";
import type { IpaymentStackNavigator } from "./types";

const Stack = createNativeStackNavigator<IpaymentStackNavigator>();

const PaymentStackNavigator = () => {
	return (
		<Stack.Navigator
			initialRouteName="homePageWithPaymentOptions"
			screenOptions={{ headerShown: false }}
		>
			<Stack.Screen
				name="homePageWithPaymentOptions"
				component={HomePageWithPaymentOptions}
			/>
			<Stack.Screen
				name="numberAndOtpForPaymentScreen"
				component={NumberAndOtpForPaymentScreen}
			/>
			<Stack.Screen name="paymentAmountInputScreen" component={PaymentAmountInputScreen} />
		</Stack.Navigator>
	);
};

export default PaymentStackNavigator;
