<template>
  <div class="Pdb-refund">
    <p class="Pdb-refund-title">{{ refundConfig.title }}</p>
    <p class="Pdb-refund-desc">{{ refundConfig.desc }}</p>
    <div class="Pdb-refund-content">
      <div class="Pdbr-content-item">
        <span>退款金额</span>
        <span>{{ amount }}元</span>
      </div>
      <div class="Pdbr-content-item">
        <span>{{ payTimeText }}</span>
        <span>{{ payTime }}</span>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "Refund",
  props: {
    refundConfig: {
      type: Object,
      default: () => ({
        title: "",
        desc: ""
      })
    },
    amount: {
      type: Number,
      default: 0
    },
    payTime: {
      type: String,
      default: "-"
    },
    payTimeText: {
      type: String,
      default: "支付时间"
    }
  },
  data() {
    return {};
  }
};
</script>
<style lang="less" src="../index.less" scoped></style>
