import { decodeEntities } from '@wordpress/html-entities';
import { registerPaymentMethod } from '@woocommerce/blocks-registry'
import { getPaymentMethodData } from '@woocommerce/settings'

export const xprespayGatewaySettings = getPaymentMethodData('xprespay')
// console.log(xprespayGatewaySettings)

const label = decodeEntities( xprespayGatewaySettings?.title || 'XpresPay' )

const Content = () => {
	return decodeEntities( xprespayGatewaySettings?.description || '' )
}

const Label = ( props ) => {
	const { PaymentMethodLabel } = props.components
	return <PaymentMethodLabel text={ label } />
}

const gatewayName = xprespayGatewaySettings?.id || 'xprespay';

registerPaymentMethod({
	name: gatewayName,
	label: <Label />,
	content: <Content />,
	edit: <Content />,
	canMakePayment: () => true,
	ariaLabel: label,
	supports: {
		features: xprespayGatewaySettings?.supports ?? [],
		showSavedCards: false,
		showSaveOption: false
	}
})