import NextImage from "next/image";
import { LazyLoadComponent } from "react-lazy-load-image-component";

export default function Image({ src, alt, className = "" }) {
  return (
    <LazyLoadComponent>
      <div className="w-full h-full flex justify-center items-center">
        <NextImage 
          src={src || '/images/noimage.jpeg'}
          alt={src ? alt : 'Image Not Found - Indoteknik'}
          width={1024}
          height={1024}
          className={className}
        />
      </div>
    </LazyLoadComponent>
  );
}