<template>
  <div class="gdd-status">
    <div class="p-0 gdd-status-div">
      <b-icon v-if="pending" icon="three-dots" animation="cylon" class="test-pending-icon"></b-icon>
      <div v-else>
        {{ pending || balance === null ? $t('em-dash') : $n(balance, 'decimal') }} {{ statusText }}
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Status',
  props: {
    balance: { type: Number, default: 0 },
    pending: {
      type: Boolean,
      default: true,
    },
    statusText: {
      type: String,
      default: '',
    },
  },
}
</script>
