Using the bullet points and the html code below, I need help in creating this file. How should this file look?

You can use JSX for Part 2. Use functional components for Part 2.

You will be creating four functional React components for this part. These components will form a product listing.

Here are the component names: ProductImage, ProductName, ProductDesc, Product

The product component will be a wrapper around the other components. You should return a div element with the three other components nested inside. The order should be image, name, desc.

The image src, product name, and product desc should be passed in as props to the components. They are defined as constants in the supplied file to use. Image should be an image tag, name should be an h2, desc should be wrapped in a p.

Using ReactDOM render the Product element to the page in the div with id of app.

HTML file: