export default function RankChip({
  rank,
  total,
}: {
  rank: number | null;
  total: number;
}) {
  if (rank === null) return <span className="text-slate-700">—</span>;
  return (
    <span className="text-xs font-mono text-slate-500">
      #{rank}
      <span className="text-slate-700">/{total}</span>
    </span>
  );
}