beatsaber-overlay/src/components/Avatar.js

import Image from "next/image";

import styles from "../../styles/avatar.module.css";

const Avatar = (props) => {
	return (
		<>
			<Image
				className={styles.playerAvatar}
				src={props.url}
				width={180}
				height={180}
				alt={"Avatar image"}
				loading="lazy"
				placeholder="blur"
				blurDataURL="https://cdn.fascinated.cc/IkQFyodbZv.jpg?raw=true"
			/>
		</>
	);
};

export default Avatar;