<template>
  <div class="board-banner-card">
    <div class="board-banner-card__title">私董会 — {{ topic }}</div>
    <div class="board-banner-card__meta">轮次：第 {{ currentRound }} / {{ maxRounds }} 轮</div>
  </div>
</template>

<script setup lang="ts">
interface Props {
  topic: string
  maxRounds: number
  currentRound?: number
}

withDefaults(defineProps<Props>(), {
  currentRound: 1,
})
</script>

<style scoped>
.board-banner-card {
  margin-bottom: var(--space-3);
  padding: var(--space-2) 0;
}

.board-banner-card__title {
  font-size: var(--font-md);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin-bottom: var(--space-1);
}

.board-banner-card__meta {
  font-size: var(--font-xs);
  color: var(--text-tertiary);
}
</style>
