<template>
  <section class="mb-5">
    <BuscarCarrito
      :updateCarrito="updateCarrito"
      :updateIsLoading="updateIsLoading"
      :operador="operador"
      :carrito="carrito"
    />

    <b-tabs>
      <TabEquiposCarrito :carrito="carrito" />

      <TabMotivosCarrito :carrito="carrito" />
    </b-tabs>
  </section>
</template>

<script>
import BuscarCarrito from '@/components/buscar/BuscarCarrito'
import TabMotivosCarrito from '@/components/operador/TabMotivosCarrito'
import TabEquiposCarrito from '@/components/operador/TabEquiposCarrito'

export default {
  components: { BuscarCarrito, TabEquiposCarrito, TabMotivosCarrito },
  props: {
    operador: { type: Object, required: true },
    updateIsLoading: { type: Function, required: true },
  },
  data() {
    return {
      carrito: { modulo: {}, tipoCarrito: {} },
    }
  },
  methods: {
    updateCarrito(valorObject) {
      this.carrito = valorObject
    },
  },
}
</script>

<style></style>
