summaryrefslogtreecommitdiff
path: root/src/core/components/elements/Image/Image.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/core/components/elements/Image/Image.jsx')
-rw-r--r--src/core/components/elements/Image/Image.jsx15
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