summaryrefslogtreecommitdiff
path: root/src/components/elements/Image.js
diff options
context:
space:
mode:
authorRafi Zadanly <zadanlyr@gmail.com>2023-01-24 15:54:48 +0700
committerRafi Zadanly <zadanlyr@gmail.com>2023-01-24 15:54:48 +0700
commitee4297280c1305c7e03bedd4df63ccf136c28c6c (patch)
tree62eb00777f42542a37c63687dd1536f8f56df894 /src/components/elements/Image.js
parent23b31aa10302cc990f3fb083b8189233b2e9e08d (diff)
Merapihkan struktur folder
Diffstat (limited to 'src/components/elements/Image.js')
-rw-r--r--src/components/elements/Image.js13
1 files changed, 13 insertions, 0 deletions
diff --git a/src/components/elements/Image.js b/src/components/elements/Image.js
new file mode 100644
index 00000000..f06272b0
--- /dev/null
+++ b/src/components/elements/Image.js
@@ -0,0 +1,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}
+ />
+ );
+} \ No newline at end of file