import React from 'react';

export default function PlantDetail( props ) {
    const {
        _id,
        name, 
        scientific_name,
        image,
        spread,
        height,
        description,
        sun_requirements,
        sowing_method
    } = props.selectedPlant;

    console.log(props);

    return (
        <div id={_id}>
            <img src={image} alt={name}/>
            <h3>{name}</h3>
            <h5>{scientific_name}</h5>
            <h5>{description}</h5>
            <h5>Size:</h5><span>{spread}in. X {height}in. </span> 
            <h5>Sunlight Preference: </h5><span>{sun_requirements}</span>
            <h5>Sowing Method: </h5><span>{sowing_method}</span>
        </div>
    );

}
@@ -283,33 +283,8 @@
 t;%0A%0A
-    console.log(props);%0A%0A
     
@@ -687,10 +687,9 @@
 %0A    );%0A
-%0A
 %7D

remove console.log