export default function BadgeRow({ badges }: { badges: string[] }) {
  return (
    <div className="badgeRow" role="list" aria-label="Badges">
      {badges.map((b, i) => (
        <span role="listitem" className={`badge ${i === 2 ? 'primary' : ''}`} key={i}>{b}</span>
      ))}
    </div>
  )
}