<template>
  <div v-if="getErrors('FetchSalesDetail')">
    <h1>{{ $t('ResumePayment.Link.Expired.Title') }}</h1>
    <h5 class="text-black">{{ $t('ResumePayment.Link.Expired.Description') }}</h5>
  </div>
  <div v-else-if="isLoading('loadingSalesDetails')" class="text-center text-primary m-lg-auto vh-25 pt-5">
    <b-spinner class="mx-2" />
    <strong class="h4">{{ $t('Common.Loading') }}</strong>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  name: 'ResumePaymentPageLoader',
  computed: {
    ...mapGetters(['isLoading', 'getErrors']),
  },
}
</script>
