---
import SingleCompositionCard from "./SingleCompositionCard.astro";
import { Separator } from "./ui/separator";

const { songs } = Astro.props
---
{
	songs.map((song, index) => (
		<>
	  		<SingleCompositionCard song={song} />
	  		{index == songs.length-1 ? <></> : <Separator className="my-2" />}
	  	</>
	))
}