text: "main";let React;_789‍.w("react",[["default",["React"],function(v){React=v}]]);let themeSettings,text;_789‍.w("../../lib/settings",[["themeSettings",["themeSettings"],function(v){themeSettings=v}],["text",["text"],function(v){text=v}]]);let PaymentForm;_789‍.w("./paymentForm",[["default",["PaymentForm"],function(v){PaymentForm=v}]]);
  
  
  
  const CheckoutStepPayment = props => {
  	const {
  		cart,
  		settings,
  		processingCheckout,
  		handleSuccessPayment,
  		inputClassName,
  		buttonClassName,
  		show,
  		title,
  		onCreateToken
  	} = props;
  
  	const { payment_method_gateway, grand_total } = cart;
  
  	if (!show) {
  		return React.createElement(
  			'div',
  			{ className: 'checkout-step' },
  			React.createElement(
  				'h1',
  				null,
  				React.createElement(
  					'span',
  					null,
  					'3'
  				),
  				title
  			)
  		);
  	}
  	return React.createElement(
  		'div',
  		{ className: 'checkout-step' },
  		React.createElement(
  			'h1',
  			null,
  			React.createElement(
  				'span',
  				null,
  				'3'
  			),
  			title
  		),
  		React.createElement(
  			'div',
  			{ className: 'checkout-button-wrap' },
  			!processingCheckout && React.createElement(PaymentForm, {
  				gateway: payment_method_gateway,
  				amount: grand_total,
  				shopSettings: settings,
  				onPayment: handleSuccessPayment,
  				inputClassName: inputClassName,
  				buttonClassName: buttonClassName,
  				onCreateToken: onCreateToken
  			}),
  			processingCheckout && React.createElement(
  				'p',
  				null,
  				text.loading
  			)
  		)
  	);
  };
  
  _789‍.d(CheckoutStepPayment);