'use client'

import { useLocale } from 'next-intl'
import { wowheadUrl, wowheadData, type WowheadType } from '@/lib/wowhead'

/**
 * Enlace a wowhead (rama WotLK) con tooltip, en el locale actual de la web.
 * Reutilizable en cualquier ruta actual o futura donde haya que enlazar un
 * ítem/misión/hechizo. El tooltip lo pinta el script global del layout.
 */
export function WowheadLink({
  type = 'item',
  id,
  children,
  className,
  style,
}: {
  type?: WowheadType
  id: number | string
  children: React.ReactNode
  className?: string
  style?: React.CSSProperties
}) {
  const locale = useLocale()
  return (
    <a
      href={wowheadUrl(type, id, locale)}
      data-wowhead={wowheadData(type, id, locale)}
      target="_blank"
      rel="noopener noreferrer"
      className={className}
      style={style}
    >
      {children}
    </a>
  )
}