import React from "react";

function SongList({ songs }) {
  if (!songs.length) return <p>No songs yet</p>;

  return (
    <ul style={{ marginTop: "2rem", listStyle: "none", padding: 0 }}>
      {songs.map((song, idx) => (
        <li key={idx} style={{ marginBottom: "8px" }}>{song}</li>
      ))}
    </ul>
  );
}

export default SongList;
