// BEGIN CHANGE: componente de outfit animado - renderizacao igual ao site legado (sem pixelated)
"use client";

import { outfitUrl, OUTFIT_SIZE, type Look, type OutfitSizeKey } from "@/lib/api";

// Sem image-rendering:pixelated: o GIF ja vem em 64px do animoutfit.php;
// o site legado escala com height natural do browser (mais nitido/suave).
export function Outfit({
  look,
  size = "grid",
  alt = "",
}: {
  look: Look;
  size?: number | OutfitSizeKey;
  alt?: string;
}) {
  const px = typeof size === "number" ? size : OUTFIT_SIZE[size];
  return (
    // eslint-disable-next-line @next/next/no-img-element
    <img
      src={outfitUrl(look)}
      alt={alt}
      width={px}
      height={px}
      loading="lazy"
      className="object-contain"
      style={{ width: px, height: px }}
    />
  );
}
// END CHANGE