MVp

components/BadgeRow.tsx

@@ -0,0 +1,9 @@
+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>
+  )
+}