Image Component

image-comp.js

import Image from "next/image";
import Avatar from "../public/avatar.png";

export default function ImageComp() {
  return (
    <Image
      src={Avatar}
      alt="Picture of the author"
      // width={500} automatically provided
      // height={500} automatically provided
      // blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" automatically provided
      // placeholder="blur" // Optional blur-up while loading
    />
  );
}