28 lines
586 B
JavaScript
28 lines
586 B
JavaScript
import Image from "next/image";
|
|
|
|
/**
|
|
*
|
|
* placeholder?: PlaceholderValue;
|
|
blurDataURL?: string;
|
|
unoptimized?: boolean;
|
|
* @param {*} props
|
|
* @returns
|
|
*/
|
|
|
|
const Avatar = (props) => {
|
|
return <>
|
|
<Image
|
|
className={'player-avatar'}
|
|
src={props.url}
|
|
width={180}
|
|
height={180}
|
|
alt={'Avatar image'}
|
|
loading='lazy'
|
|
placeholder="blur"
|
|
blurDataURL="https://cdn.fascinated.cc/MhCUeHZLsh.webp?raw=true"
|
|
unoptimized={true}
|
|
/>
|
|
</>
|
|
}
|
|
|
|
export default Avatar; |