<template>
  <b-field class="column mb-0 pb-0" label="Equipo" :class="columnSize">
    <b-input
      icon="laptop"
      placeholder="Equipo"
      type="text"
      @keyup.enter.native="ejecutar()"
      v-model="equipo"
      rounded
    />
  </b-field>
</template>

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

<style scoped></style>
