1 files changed, 18 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..ac82aaaf
--- /dev/null
+++ b/src/core/components/elements/Image/Image.jsx
@@ -0,0 +1,18 @@
+import { LazyLoadImage } from 'react-lazy-load-image-component'
+import 'react-lazy-load-image-component/src/effects/opacity.css'
+
+const Image = ({ ...props }) => (
+  <>
+    <LazyLoadImage
+      {...props}
+      src={props.src || '/images/noimage.jpeg'}
+      placeholderSrc='/images/indoteknik-placeholder.png'
+      alt={props.src ? props.alt : 'Image Not Found - Indoteknik'}
+      wrapperClassName='bg-white'
+    />
+  </>
+)
+
+Image.defaultProps = LazyLoadImage.defaultProps
+
+export default Image