"use client";

import Link from "next/link";

interface FindSimilarButtonProps {
  userId: number;
}

export default function FindSimilarButton({ userId }: FindSimilarButtonProps) {
  return (
    <Link
      href={`/search/results?similar_to=${userId}`}
      className="inline-flex items-center gap-1.5 px-3 py-1.5 bg-surface-light hover:bg-primary/20 text-text-muted hover:text-primary rounded-lg text-sm transition-colors border border-white/5 hover:border-primary/30"
    >
      <svg
        className="w-4 h-4"
        fill="none"
        stroke="currentColor"
        viewBox="0 0 24 24"
      >
        <path
          strokeLinecap="round"
          strokeLinejoin="round"
          strokeWidth={1.5}
          d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
        />
      </svg>
      Find Similar
    </Link>
  );
}