image added

src/App.js

@@ -5,8 +5,8 @@ function App() {
   return (<>
    
         <Image
-          src={"./gani.jpg"}
-          alt="Image not found"
+          src={""}
+          alt={"Image"}
           className={""}
           width={"200px"}
           height={"200px"}

src/components/images/image.module.scss

+.imageClass {
+    height: 100;
+    width: 100;
+    
+
+}

src/components/images/index.jsx

@@ -3,11 +3,11 @@ import React from "react";
 
 
 function Image(props) {
-  const { imageClass, src, alt, width,height,id} = props;
+  const { imageClass, src, alt, width,height} = props;
 
   return (
     <img
-    id={id}
+    
       className={imageClass }
       src={src}
       alt={alt}
@@ -18,4 +18,13 @@ function Image(props) {
 }
 
 
+
+Image.defaultProps = {
+  src: require("../../images/noimage.jpg"),
+  alt: "Image",
+  height: "100px",
+  width: "100px",
+}
+
+
 export default Image;
\ No newline at end of file

src/components/images/style.module.scss

-.imageStyleClass {
-    
-    border-radius: 50%;
-    
-    
-    
-
-}