{"size": 412, "ext": "js", "max_stars_repo_path": "src/components/Suggestion.js", "max_stars_repo_name": "Build-Week-Spotify-2/front-end", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Suggestion.js", "max_issues_repo_name": "Build-Week-Spotify-2/front-end", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Suggestion.js", "max_forks_repo_name": "Build-Week-Spotify-2/front-end", "max_forks_repo_forks_event_min_datetime": "2020-06-20T00:33:12.000Z", "max_forks_repo_forks_event_max_datetime": "2020-12-05T04:15:19.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 5, "avg_line_length": 24.2352941176, "max_line_length": 58, "alphanum_fraction": 0.4830097087}
import React from "react"

const Suggestion = props => {
    return (
        <div className="suggestion">
            <img src={props.album_image} alt="Song Art" />
            <div className="suggestionInfo">
                <h3>{props.song_name}</h3>
                <p>{props.artists}</p> 
                <p>{props.album}</p> 
            </div>
          
        </div>
    )
}

export default Suggestion;