var theme;
var image;
var donation;

var YappyCheckout = {
  COLOR_DEL_BOTON: "brand",
  DONACION: false
}

if (YappyCheckout.ACTIVAR === undefined || YappyCheckout.ACTIVAR === true) {
  setYappyButton();
}

function setYappyButton() {
  var buttonColor = document.getElementById('buttonColor').value;
  if (buttonColor) {
    document.getElementById('Yappy_Checkout_Button').style.background = buttonColor;
    document.getElementById('Yappy_Checkout_Button').style.color = 'white';
    document.getElementById('Yappy_Checkout_Button').style.fontSize = '18px';
    document.getElementById('Yappy_Checkout_Button').style.fontWeight = 'bold';
    document.getElementById('Yappy_Checkout_Button').style.fontFamily = 'sans-serif';
    document.getElementById('Yappy_Checkout_Button').style.borderRadius = '4px';
    document.getElementById('Yappy_Checkout_Button').style.height = '50px';
    document.getElementById('Yappy_Checkout_Button').style.display = 'flex';
    document.getElementById('Yappy_Checkout_Button').style.flexFlow = 'column';
    document.getElementById('Yappy_Checkout_Button').style.justifyContent = 'center';
  }
  var buttonText = document.getElementById('buttonText').value;

  document.getElementById('Yappy_Checkout_Button').classList.add('ecommerce', 'yappy');
  document.getElementById('Yappy_Checkout_Button').innerHTML = buttonText;

  document.getElementById('Yappy_Checkout_Button').addEventListener('click', function () {
    document.getElementById('yappyForm').submit();
  });
}