1 files changed, 17 insertions, 0 deletions
diff --git a/src2/components/elements/Image.js b/src2/components/elements/Image.js
new file mode 100644
index 00000000..60e249b9
--- /dev/null
+++ b/src2/components/elements/Image.js
@@ -0,0 +1,17 @@
+import { LazyLoadImage } from "react-lazy-load-image-component"
+import "react-lazy-load-image-component/src/effects/opacity.css"
+
+const Image = ({ ...props }) => {
+  return (
+    <LazyLoadImage
+      {...props}
+      effect="opacity"
+      src={props.src || '/images/noimage.jpeg'}
+      alt={props.src ? props.alt : 'Image Not Found - Indoteknik'}
+    />
+  )
+}
+
+Image.defaultProps = LazyLoadImage.defaultProps
+
+export default Image
+\ No newline at end of file