<template>
  <div style="height: 20px">
    <div v-if="getIsAuthed">
      <user-popup>
        <span slot="right">
          <menu-drop />
        </span>
      </user-popup>
    </div>
    <div v-else>
      <Row>
        <Col :span="12">
          <alert-vip />
        </Col>
        <Col
          :span="12"
          class="row-end"
        >
          <menu-drop />
        </Col>
      </Row>
    </div>
  </div>
</template>
<script>
import UserPopup from '@/vue/components/Popup/User.vue';
import MenuDrop from '@/vue/components/Popup/MenuDrop.vue';

export default {
  name: 'AuthHeader',
  components: {
    'menu-drop': MenuDrop,
    'user-popup': UserPopup,
  },
};
</script>
