<template>
  <div>
    <BuscarModulo
      :updateIsLoading="updateIsLoading"
      :updateModulo="updateModulo"
      :admin="admin"
      :modulo="modulo"
    />

    <b-tabs>
      <TabCarritosModulo :admin="admin" :modulo="modulo" />

      <TabMotivosModulo :admin="admin" :modulo="modulo" />
    </b-tabs>
  </div>
</template>

<script>
import BuscarModulo from '@/components/buscar/BuscarModulo'
import TabCarritosModulo from '@/components/admin/TabCarritosModulo'
import TabMotivosModulo from '@/components/admin/TabMotivosModulo'

export default {
  components: { BuscarModulo, TabCarritosModulo, TabMotivosModulo },
  props: {
    admin: { type: Object, required: true },
    updateIsLoading: { type: Function, required: true },
  },
  data() {
    return {
      carritos: [],
      isLoadingTable: false,
      page: 1,
      total: 0,
      modulo: { institucion: {} },
    }
  },
  methods: {
    updateModulo(valorObject) {
      this.modulo = valorObject
    },
  },
}
</script>
