import Link from 'next/link';
import type { FocusType } from '@/lib/graph-model';

/**
 * "Explore in graph →" link for entity pages. `entityRef` is the public reference used by
 * `/graph?focus=`: cancer slug, gene symbol, variant slug, drug slug or NCT id. (Named `entityRef`
 * because `ref` is reserved by React and cannot be passed to a server component.)
 */
export function GraphLink({ type, entityRef, label = 'Explore in graph →', className = '' }: { type: FocusType; entityRef: string; label?: string; className?: string }) {
  return (
    <Link href={`/graph?focus=${type}:${encodeURIComponent(entityRef)}`} className={`ci-link inline-flex items-center gap-1 text-[13px]${className ? ` ${className}` : ''}`} title="Open the contextual knowledge graph around this entity">
      {label}
    </Link>
  );
}