import React from 'react'
import NetPay from 'netpayjs-reactjs'

function success(e) {
  console.log("Token created successfully");
  console.log(e); 
}

function error(e) {
  console.log("Something went wrong!");
  console.log(e);
}

/*
  sandboxmode = false -> Apunta a ambiente productivo
  sandboxmode = true -> Apunta a ambiente de pruebas

  showform = true -> Muestra formulario de tarjeta
  showform = false -> No muestra formulario de tarjeta
*/
const form = {
  id: 'netpay-form',
  success,
  error,
  options: { title: "Pagos con tarjeta", submitText: "Continuar" },
  sandboxMode: {boolean},
  showForm: true
}

const noForm = {
  success,
  error,
  cardInformation: {
      cardNumber: {Tarjeta},
      expMonth: {MesExp},
      expYear: {AñoExp},
      cvv2: {CVV},
      deviceFingerPrint: ''
  },
  sandboxMode: {boolean},
  showForm: false
}

const App = () => {
  let netpayDiv = document.createElement('div')
  netpayDiv.id = 'netpay-form'
  document.body.appendChild(netpayDiv)
  return (
    <NetPay apikey="apikey" form={form} />
  )
}