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

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

<script>
import CrearModulo from '@/components/crear/CrearModulo'
import TablaBuscadorModulo from '@/components/tablaBuscador/TablaBuscadorModulo'

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