src/components/Image.js


1
2
3
4
5
6
7
8
9
10
11
12
13

import { LazyLoadImage } from "react-lazy-load-image-component";
import 'react-lazy-load-image-component/src/effects/blur.css';

export default function Image({ src, alt, className = "" }) {
  return (
    <LazyLoadImage 
      effect="blur"
      src={src || '/images/noimage.jpeg'}
      alt={src ? alt : 'Image Not Found - Indoteknik'}
      className={className}
    />
  );
}