import UserCard from '../user_card/user_card.vue'
import { defineAsyncComponent } from 'vue'

const UserPopover = {
  name: 'UserPopover',
  props: ['userId', 'overlayCenters', 'disabled', 'overlayCentersSelector'],
  components: {
    UserCard,
    Popover: defineAsyncComponent(() => import('../popover/popover.vue')),
  },
  computed: {
    userPopoverAvatarAction() {
      return this.$store.getters.mergedConfig.userPopoverAvatarAction
    },
    userPopoverOverlay() {
      return this.$store.getters.mergedConfig.userPopoverOverlay
    },
  },
}

export default UserPopover