<template>
  <div class="rounded-lg bg-[#f5f5f5] px-3">
    <div class="flex justify-between items-center py-3 border-b border-[#ddd]">
      <span class="text-[15px] text-[#333]">价格</span>
      <span class="text-[14px] text-[#333]">¥{{ referencePrice }}</span>
    </div>
    <div class="flex justify-between items-center py-3">
      <span class="text-[15px] text-[#333]">折扣优惠</span>
      <span class="text-[14px] text-[#ff5722]">-¥{{ discount }}</span>
    </div>
  </div>
</template>

<script setup>
defineProps({
  referencePrice: {
    type: Number,
    default: 0,
  },
  discount: {
    type: Number,
    default: 0,
  },
});
</script>
