function rankClass(rank: number) {
  if (rank === 1) return 'rank-badge rank-badge-1'
  if (rank === 2) return 'rank-badge rank-badge-2'
  if (rank === 3) return 'rank-badge rank-badge-3'
  return 'rank-badge rank-badge-n'
}

export function RankBadge({ rank }: { rank: number }) {
  return <span className={rankClass(rank)}>{rank}</span>
}