export function GateFulfillmentBadge({ graphState, itemId }) {
  const ratio = graphState?.items?.[itemId]?.fulfillment_ratio
  if (ratio == null) return null

  const pct = Math.round(ratio * 100)
  const emphasize = graphState?.graph_profile?.emphasize_fulfillment

  return (
    <span
      className={
        'status-pill status-pill--fulfillment' +
        (emphasize ? ' status-pill--fulfillment-primary' : '')
      }
      title="Kriterien erfüllt / gesamt"
    >
      {pct}% Kriterien
    </span>
  )
}