Add a button to each song that will allow the user to "favorite" the song. When a song is favorited, the button should change so that a user can un-favorite that same song.I need to do this for each Song Card. The following code is the .jsx file for each song.

import { Card } from "react-bootstrap";

import { Button } from "bootstrap";

const Song = (props) => {

return

{props.title}

by {props.artist}

{props.genre} | {props.year} | {props.length}

}

export default Song;

How can I add a button to each card as described and shown above? Obviously, using javascript and HTML

We have 17 songs in 6 genres for a total of 4400 seconds of music