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

    <TablaBuscadorOperador
      :actualizarTabla="actualizarTabla"
      :updateIsLoading="updateIsLoading"
      :updateActualizarTabla="updateActualizarTabla"
      :admin="admin"
    />
  </div>
</template>

<script>
import CrearOperador from '@/components/crear/CrearOperador'
import TablaBuscadorOperador from '@/components/tablaBuscador/TablaBuscadorOperador'

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