<template>
  <transition name="msgbox-fade">
    <div class="pub-wrapper" v-if="visible">
      <div class="pub-mask" @click="visible = false"></div>
      <packet-send @hidePopup="hidePopup" :visible="visible"></packet-send>
    </div>
  </transition>
</template>

<script>
import Vue from 'vue'

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

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