Refactor

1 files changed, 15 insertions, 0 deletions

diff --git a/src/core/components/elements/Image/Image.jsx b/src/core/components/elements/Image/Image.jsx
new file mode 100644
index 00000000..be2866e7
--- /dev/null
+++ b/src/core/components/elements/Image/Image.jsx
@@ -0,0 +1,15 @@
+import { LazyLoadImage } from "react-lazy-load-image-component"
+import "react-lazy-load-image-component/src/effects/opacity.css"
+
+const Image = ({ ...props }) => (
+  <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