<template>
  <transition name="msgbox-fade">
    <div class="pub-wrapper" v-if="visible" @click.stop>
      <div class="pub-mask" @click="visible = false"></div>
      <invite :inviteType='inviteType' :ext='ext' @hidePopup="hidePopup"></invite>
    </div>
  </transition>
</template>

<script>
import Vue from 'vue'

Vue.component(
  'invite', () => import('./invite')
)

export default {
  name: 'invitePopup',
  data () {
    return {
      visible: true
    }
  },
  methods: {
    hidePopup () {
      this.visible = false
    }
  }
}
</script>
