sendou.ink/app/components/WeaponImage.tsx
2022-02-21 21:33:38 +02:00

19 lines
388 B
TypeScript

interface WeaponImageProps
extends React.ButtonHTMLAttributes<HTMLImageElement> {
weapon: string;
}
export function WeaponImage(props: WeaponImageProps) {
return (
<img
src={`/img/weapons/${encodeURIComponent(
props.weapon.replaceAll(".", "")
)}.webp`}
alt={props.weapon}
title={props.weapon}
loading="lazy"
{...props}
/>
);
}