<template>
  <div>
    <b-row>
      <b-col>
        <stats-card
          type="gradient-red"
          sub-title="balance_gdd"
          class="mb-4 h1"
          style="background-color: #ebebeba3 !important"
        >
          {{ pending ? '—' : $n(balance) }} GDD
        </stats-card>
      </b-col>
      <b-col>
        <stats-card
          type="gradient-orange"
          sub-title="balance_gdt"
          class="mb-4 h1"
          style="background-color: #ebebeba3 !important"
        >
          {{ pending ? '—' : $n(GdtBalance) }} GDT
        </stats-card>
      </b-col>
    </b-row>
  </div>
</template>

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