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

const Stack = createNativeStackNavigator<PaymentStackParamList>();

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.Screen
				name="paymentResultScreen"
				component={PaymentResultScreen}
				options={{
					headerShown: false,
				}}
			/>
		</Stack.Navigator>
	);
};

export default PaymentStackNavigator;
