16 lines
343 B
JavaScript
16 lines
343 B
JavaScript
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;
|