import React from 'react'

export default function MutualFollowersBadge({ context }) {
  const label = context?.follower_overlap?.label || context?.shared_following?.label || null

  if (!label) return null

  return (
    <span className="inline-flex items-center gap-2 rounded-full border border-emerald-400/20 bg-emerald-400/10 px-3 py-1.5 text-xs font-medium text-emerald-200">
      <i className="fa-solid fa-user-group fa-fw text-[11px]" />
      {label}
    </span>
  )
}