<template>
  <b-field class="column mb-0 pb-0" label="Nombre completo" :class="columnSize">
    <b-input
      icon="account-box"
      placeholder="Nombre(s)/apellidos"
      type="text"
      @keyup.enter.native="ejecutar()"
      v-model="nombre"
      rounded
    />
  </b-field>
</template>

<script>
export default {
  props: {
    ejecutar: { typeof: Function, required: true, default: () => {} },
    nombrePadre: { typeof: String, required: true, default: '' },
    columnSize: { typeof: String, required: false, default: '' },
  },
  data: () => {
    return { nombre: '' }
  },
  watch: {
    nombre() {
      this.$emit('nombre', this.nombre)
    },
    nombrePadre() {
      this.nombre = this.nombrePadre
    },
  },
}
</script>

<style scoped></style>
