<template>
  <div class="absolute user-status-container center">
    <div v-if="item.stay_roominfo" class="row aCenter">
      <img src="@/assets/images/icon.gif" class="user-status-icon" />
      <span>语聊中</span>
      <icon type="more" class="user-status-more"></icon>
    </div>
    <div v-else-if="item.is_business" class="row aCenter">
      <i class="user-icon"></i>
      <span>在线</span>
    </div>
    <div v-else class="row center user-status-off-line">
      <i  class="user-icon"></i>
      <span>离线</span>
    </div>
  </div>

</template>

<script>
import props from '../props';
import {
  icon
} from '$components';
export default {
  name: "layout-user-status",
  props,
  components:{
    icon
  }
}
</script>

<style scoped lang="scss" src="../style.scss"></style>
