From 6109c9b0bedbfd9b9be787987050102b2d6cba03 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Sat, 17 Dec 2022 11:03:17 +0700
Subject: Create image component

---
 src/components/Image.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 src/components/Image.js

(limited to 'src/components/Image.js')

diff --git a/src/components/Image.js b/src/components/Image.js
new file mode 100644
index 00000000..f06272b0
--- /dev/null
+++ b/src/components/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
-- 
cgit v1.2.3