<template>
  <div class="redeem-information">
    <BCard bg-variant="muted" text-variant="dark" border-variant="info">
      <h1 v-if="linkData.amount === ''">{{ $t('gdd_per_link.redeemlink-error') }}</h1>
      <h1 v-if="isContributionLink && linkData.amount !== ''">
        {{ CONFIG.COMMUNITY_NAME }}
        {{ $t('contribution-link.thanksYouWith') }} {{ $filters.GDD(linkData.amount) }}
      </h1>
      <h3 v-if="isDisbursementLink && linkData.amount !== ''">
        {{ '"' + linkData.senderCommunity.name + '.' + linkData.senderUser.firstName }}
        {{ $t('transaction-link.send_you') }} {{ $filters.GDD(linkData.amount) }}
      </h3>
      <b>{{ linkData.memo }}</b>
    </BCard>
  </div>
</template>
<script>
import CONFIG from '@/config'

export default {
  name: 'RedeemInformation',
  props: {
    linkData: { type: Object, required: true },
    isContributionLink: { type: Boolean, default: false },
    isDisbursementLink: { type: Boolean, default: false },
  },
  data() {
    return {
      CONFIG,
    }
  },
}
</script>
