rap_hits = transpose(rap_ojs)

// create dropdown menu
viewof songDropdown = Inputs.select(
  rap_hits.map(d=> d.song_name),
  {
  label: "Choose a Song",
  unique: true
  }
)

// Function to get the corresponding song_id for the selected song_name
function getSongId(songName) {
  const selectedSong = rap_hits.find(d => d.song_name === songName);
  return selectedSong ? selectedSong.song_id : null;
}

// Embed the iframe based on the selected song
html`<div>
  <iframe
    style="border-radius:12px"
    src="https://open.spotify.com/embed/track/${getSongId(songDropdown)}?utm_source=generator"
    width="100%"
    height="352"
    frameBorder="0"
    allowfullscreen=""
    allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
    loading="lazy"></iframe>
</div>`