<template>
  <section class="layout-status"
    :class="['layout-status-'+style]"
  >
    <div v-if="status === PlayStatus.onLine"
      class="status-onLine rowACenter"
    >
      <div class="status-onLine-icon"></div>
      <div>在线</div>
    </div>
    <div v-else-if="status === PlayStatus.offLine"
         class="status-offLine rowACenter"
    >离线</div>
  </section>

</template>

<script>
import props from '../props';

import PlayStatus from "../const/status";

export default {
  name: "layout-status",

  data(){
    return {
      PlayStatus
    }
  },

  props
}
</script>

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