IONIC 6 Alert controller not working as expected

I used ionic AlertController to show the prompt with two radio buttons and one text input and here is my code:

const alert = await this.alertController.create({
		  	header: 'Prompt!',
		  	inputs: [
				{
					name: 'discount_type',
					type: 'radio',
					label: 'Percent',
					value: 'percent',
					checked: true
				},
				{
					name: 'discount_type',
					type: 'radio',
					label: 'Price',
					value: 'price'
				},
				{
					name: 'value',
					id: 'text',
					type: 'text',
					label: 'amount',
					placeholder: 'Placeholder 3'
				},
		  	],
		  	buttons: [
				{
			  		text: 'Cancel',
			  		role: 'cancel',
			  		cssClass: 'secondary',
			  		handler: () => {
						console.log('Confirm Cancel');
			  		}
				}, {
			  		text: 'Ok',
			  		handler: () => {
						console.log('Confirm Ok');
			  		}
				}
		  	]
		});

but it’s showing three radio buttons, can anyone tell me what’s wrong with my code?

image

Got the answer:

Alerts can also include several different inputs whose data can be passed back to the app. Inputs can be used as a simple way to prompt users for information. Radios, checkboxes and text inputs are all accepted, but they cannot be mixed. For example, an alert could have all radio button inputs, or all checkbox inputs, but the same alert cannot mix radio and checkbox inputs. Do note however, different types of “text” inputs can be mixed, such as url , email , text , textarea etc. If you require a complex form UI which doesn’t fit within the guidelines of an alert then we recommend building the form within a modal instead.