// BEGIN CHANGE: icone de item (GIF legado em images/items/{id}.gif)
"use client";

import { itemUrl } from "@/lib/api";

export function ItemIcon({
  id,
  alt = "",
  size = 32,
}: {
  id: number;
  alt?: string;
  size?: number;
}) {
  return (
    // eslint-disable-next-line @next/next/no-img-element
    <img
      src={itemUrl(id)}
      alt={alt}
      width={size}
      height={size}
      loading="lazy"
      className="object-contain"
      style={{ width: size, height: size }}
      onError={(e) => {
        // Item sem GIF no legado: esconde o icone quebrado.
        (e.target as HTMLImageElement).style.visibility = "hidden";
      }}
    />
  );
}
// END CHANGE