import { getBrandColor } from '../utils/api'

export default function BrandBadge({ brand }) {
  const color = getBrandColor(brand)
  
  return (
    <span className={`inline-flex items-center gap-1.5 text-xs font-medium px-2 py-0.5 rounded-full ${color.bg} ${color.text}`}>
      <span className={`w-1.5 h-1.5 rounded-full ${color.dot}`}></span>
      {brand}
    </span>
  )
}
