<script setup>
const props = defineProps({
  template: {
    type: Object,
    required: true,
  },
  data: {
    type: Object,
    required: true,
  },
});
</script>

<template>
  <div>
    <div
      class="text-white font-semibold px-2 py-0.5"
      :style="{ backgroundColor: template.primaryColor }"
    >
      DATOS DEL EJECUTIVO DE CUENTAS
    </div>
    <div class="border border-gray-300 p-1.5">
      <p>
        <span class="font-semibold">NOMBRE:</span>
        {{ data.ejecutivoNombre }}
      </p>
      <p>
        <span class="font-semibold">CORREO:</span>
        {{ data.ejecutivoCorreo }}
      </p>
      <p>
        <span class="font-semibold">CELULAR:</span>
        {{ data.ejecutivoCelular }}
      </p>
    </div>
  </div>
</template>
