<template>
  <div>
    <CrearCarrito
      :updateIsLoading="updateIsLoading"
      :updateActualizarTabla="updateActualizarTabla"
      :idInstitucion="operador.institucion.id_institucion"
      v-if="operador.tipoUsuario.id_tipo_usuario === 3"
    />

    <TablaBuscadorCarrito
      :actualizarTabla="actualizarTabla"
      :updateActualizarTabla="updateActualizarTabla"
      :updateIsLoading="updateIsLoading"
      :operador="operador"
    />
  </div>
</template>

<script>
import CrearCarrito from '@/components/crear/CrearCarrito'
import TablaBuscadorCarrito from '@/components/tablaBuscador/TablaBuscadorCarrito'

export default {
  components: {
    CrearCarrito,
    TablaBuscadorCarrito,
  },
  props: {
    updateIsLoading: { type: Function, required: true },
    operador: { type: Object, required: true },
  },
  data() {
    return {
      actualizarTabla: false,
    }
  },
  methods: {
    updateActualizarTabla(valorBooleano) {
      this.actualizarTabla = valorBooleano
    },
  },
}
</script>
