import type { CSSProperties, ReactNode } from "react";
import { Link } from "react-router-dom";

/**
 * Ссылка на профиль игрока (/u/:id). Оборачивает всё поле с ником (строку с аватаром,
 * местом, фракцией…), а не голый текст. stopPropagation — строки часто лежат внутри
 * кликабельных карточек (список партий, топ на главной), и клик по игроку должен
 * вести в профиль, а не срабатывать навигацией карточки.
 */
export function PlayerLink({
  userId,
  className,
  style,
  children,
}: {
  userId: number;
  className?: string;
  style?: CSSProperties;
  children: ReactNode;
}) {
  return (
    <Link
      to={`/u/${userId}`}
      className={className}
      style={{ color: "inherit", ...style }}
      onClick={(e) => e.stopPropagation()}
    >
      {children}
    </Link>
  );
}