diff options
| author | Rafi Zadanly <rafizadanly@gmail.com> | 2022-12-17 11:03:17 +0700 |
|---|---|---|
| committer | Rafi Zadanly <rafizadanly@gmail.com> | 2022-12-17 11:03:17 +0700 |
| commit | 6109c9b0bedbfd9b9be787987050102b2d6cba03 (patch) | |
| tree | 2401bd7f434b5e6e347f8585f74cf2708d5e3678 /src/components/Image.js | |
| parent | 3233a8e8511759af4b79776af60a8ebac12b6b5e (diff) | |
Create image component
Diffstat (limited to 'src/components/Image.js')
| -rw-r--r-- | src/components/Image.js | 13 |
1 files changed, 13 insertions, 0 deletions
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 |