<script setup lang="ts">
/**
 * 文件职责：限时折扣统计条。
 */
import type { FlashSaleStatsViewModel } from '../types';

import { formatInteger } from '../composables/flash-sale-page/helpers';

defineProps<{
  stats: FlashSaleStatsViewModel;
}>();
</script>

<template>
  <div class="fs-stats">
    <span>
      活动总数
      <strong>{{ formatInteger(stats.totalCount) }}</strong>
    </span>
    <span>
      进行中
      <strong>{{ formatInteger(stats.ongoingCount) }}</strong>
    </span>
    <span>
      参与商品
      <strong>{{ formatInteger(stats.participatingProductCount) }}</strong>
      件
    </span>
    <span>
      本月折扣销量
      <strong>{{ formatInteger(stats.monthlyDiscountSalesCount) }}</strong>
      单
    </span>
  </div>
</template>
