<template>
  <section class="mb-5">
    <BuscarEquipo
      :operador="operador"
      :equipo="equipo"
      :updateIsLoading="updateIsLoading"
      :updateEquipo="updateEquipo"
    />

    <b-tabs>
      <TabPrestamosEquipo :equipo="equipo" :operador="operador" />

      <TabMotivosEquipo :equipo="equipo" :operador="operador" />
    </b-tabs>
  </section>
</template>

<script>
import BuscarEquipo from '@/components/buscar/BuscarEquipo'
import TabMotivosEquipo from '@/components/operador/TabMotivosEquipo'
import TabPrestamosEquipo from '@/components/operador/TabPrestamosEquipo'

export default {
  components: {
    BuscarEquipo,
    TabMotivosEquipo,
    TabPrestamosEquipo,
  },
  props: {
    updateIsLoading: { type: Function, required: true, default: () => {} },
    operador: { type: Object, required: true, default: () => ({}) },
  },
  data() {
    return {
      equipo: {
        carrito: { modulo: {}, tipoCarrito: {} },
        programas: [],
        status: {},
        tiposEntradas: [],
      },
    }
  },
  methods: {
    updateEquipo(valorObject) {
      this.equipo = valorObject
    },
  },
}
</script>

<style></style>
