{#if $currentlyPlaying}
{#key $currentlyPlaying}
{/key}
{$currentlyPlaying.name}
{$currentlyPlaying.artists?.map((artist) => artist.name).join(', ') || $currentlyPlaying.createdBy?.name}
(shuffle = !shuffle)} class="aspect-square h-8">
(paused = !paused)} class="grid aspect-square h-8 place-items-center rounded-full bg-white">
(repeat = !repeat)} class="aspect-square h-8">
{ currentTimeTimestamp.innerText = formatTime(event.detail.value) seeking = true }} on:seeked={(event) => { currentTime = event.detail.value seeking = false }} />
(muted = !muted)} class="aspect-square h-8">
($currentlyPlaying = null)}>
($currentlyPlaying = null)} src="/api/audio?connection={$currentlyPlaying.connection}&id={$currentlyPlaying.id}" />
{/if}