"use client";
import Link from "next/link";

interface WetRef {
  wetId: string;
  artikelId: string;
  label: string;
}

interface Props {
  refs: WetRef[];
}

export default function WetReferentie({ refs }: Props) {
  if (refs.length === 0) return null;
  return (
    <div className="flex flex-wrap gap-1 mt-1">
      {refs.map((r) => (
        <Link
          key={r.artikelId}
          href={`/regelgeving?wet=${r.wetId}&artikel=${r.artikelId}`}
          className="text-xs text-indigo-500 hover:text-indigo-700 hover:underline flex items-center gap-0.5"
          title="Open in Regelgeving"
        >
          📚 {r.label}
        </Link>
      ))}
    </div>
  );
}