import type { ScoreGrade } from '@/lib/types'

const gradeClass: Record<ScoreGrade, string> = {
  AAA: 'score-aaa',
  AA: 'score-aa',
  A: 'score-a',
  B: 'score-a',
}

interface Props {
  grade: ScoreGrade
  large?: boolean
}

export function ScorePill({ grade, large = false }: Props) {
  return (
    <span
      className={`score-pill ${gradeClass[grade]}`}
      style={large ? { fontSize: '0.8rem', padding: '0.3rem 0.7rem' } : undefined}
    >
      {grade}
    </span>
  )
}