import NextImage from 'next/image'

const DiscordImage = (props: {
	size?: number
	userID: string
	avatarHash: string
	tag: number | string
	className?: string
}) => {
	return (
		<NextImage
			className={props.className}
			src={
				props.avatarHash
					? `https://cdn.discordapp.com/avatars/${props.userID}/${props.avatarHash}.png?size=1024`
					: `https://cdn.discordapp.com/embed/avatars/${Number(props.tag) % 5}.png?size=1024`
			}
			width={props.size || 256}
			height={props.size || 256}
			data-fallback-image="/img/default.png"
		/>
	)
}

export default DiscordImage