interface FKChipProps {
  name: string;
  onClick?: () => void;
}

/** Purple pill-shaped chip for foreign key references. */
export function FKChip({ name, onClick }: FKChipProps) {
  return (
    <button
      onClick={onClick}
      class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-sm transition-all cursor-pointer"
      style={{
        border: "1px solid var(--z-accent-border)",
        background: "var(--z-accent-dim)",
        color: "var(--z-accent-text)",
      }}
    >
      <span>{name}</span>
      <span class="text-[var(--z-font-xs)]" style={{ opacity: 0.5 }}>→</span>
    </button>
  );
}
