<template>
  <b-menu-item
    icon="storefront-outline"
    v-if="idTipoUsuario === 3 || idTipoUsuario === 4"
  >
    <template #label="props">
      Modulos
      <b-icon
        class="is-pulled-right"
        :icon="props.expanded ? 'menu-down' : 'menu-up'"
      />
    </template>

    <b-menu-item
      label="Buscar modulo"
      :icon="$funcionesGlobales.icono('/admin/modulos/buscar_modulo')"
      :disabled="$funcionesGlobales.activo('/admin/modulos/buscar_modulo')"
      @click="opcionMenu('/admin/modulos/buscar_modulo')"
    />

    <b-menu-item
      label="Todos los modulos"
      :icon="$funcionesGlobales.icono('/admin/modulos/todos_modulos')"
      :disabled="$funcionesGlobales.activo('/admin/modulos/todos_modulos')"
      @click="opcionMenu('/admin/modulos/todos_modulos')"
    />
  </b-menu-item>
</template>

<script>
export default {
  props: {
    idTipoUsuario: { type: Number, required: true },
    opcionMenu: { type: Function, required: true },
  },
}
</script>

<style scoped></style>
