{#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">
($queue = [])}>
queuePosition++} src="/api/audio?connection={currentlyPlaying.connection}&id={currentlyPlaying.id}" />
{/if}