SongContent.svelte

<script>
	export let paragraphs = [];
</script>

<div class="song-content">
	{#each paragraphs as paragraph}
		<div class="paragraph"><pre>{@html paragraph}</pre></div>
	{/each}
</div>

<style>
	.song-content {
		border: 1px solid #aaa;
		border-top: none;
		padding: 1rem 2rem;
	}
	:global(.song-content .token) {
		color: var(--accent-color);
	}
</style>