{#snippet platformIcon(type: string)} {#if type === 'instagram'} {:else if type === 'twitter'} {:else if type === 'tiktok'} {:else if type === 'reddit'} {:else if type === 'twitch'} {:else if type === 'facebook'} {:else if type === 'tumblr'} {:else if type === 'pinterest'} {:else if type === 'streamable'} {:else if type === 'dailymotion'} {:else if type === 'bilibili'} {:else} {/if} {/snippet}
{#if content?.thumbnail}
{/if}
{#if !content && downloadProgress}

{downloadProgress.title}

{#if downloadProgress.status === 'downloading'} Downloading... {downloadProgress.percent}% {:else if downloadProgress.status === 'processing'} Processing video... {:else} Ready {/if}

{:else if !content && isLoading}

Loading...

{:else if !content && !hideIdle}

{greeting}

{time}

{date}

Droppy
{:else if !content} {:else if content.type === 'error'}
!

Failed to load

{content.error || 'Unknown error'}

{:else if content.type === 'image'}
{content.title
{:else if content.type === 'video'} {:else if content.type === 'audio'}
{#if content.thumbnail}
Album art {:else}
{/if}

{content.title || 'Now Playing'}

{#if content.artistName}

{content.artistName}

{/if}
{:else if content.type === 'youtube'} {:else if content.type === 'spotify'} {#key content.url} {/key} {:else if content.type === 'soundcloud'} {#key content.url} {/key} {:else if content.type === 'instagram' || content.type === 'twitter' || content.type === 'tiktok' || content.type === 'reddit' || content.type === 'facebook' || content.type === 'twitch' || content.type === 'tumblr' || content.type === 'pinterest' || content.type === 'streamable' || content.type === 'dailymotion' || content.type === 'bilibili'} {#key content?.url}
{#if !isVertical || content.mediaType !== 'video'}
{@render platformIcon(content.type)}

{content.title || 'Media'}

{content.platform || content.type}

{/if}
{#if content.mediaType === 'video'} {:else} {content.title {/if}
{#if !isVertical && content.mediaType === 'video' && duration > 0}
{/if}
{#if isVertical && content.mediaType === 'video'}
{@render platformIcon(content.type)}

{content.platform || content.type}

{#if content.artistName || content.title}

{#if content.artistName} @{content.artistName.replace(/^@/, '')} {:else if content.title?.includes('@')} {content.title.match(/@[\w.]+/)?.[0] || content.title} {:else} {content.title} {/if}

{/if} {#if duration > 0}
{formatTime(currentTime)} / {formatTime(duration)}
{/if} {#if queueTotal > 1}
{queuePosition + 1} of {queueTotal}
{#each Array(Math.min(queueTotal, 10)) as _, i} {/each} {#if queueTotal > 10} +{queueTotal - 10} {/if}
{/if}
{/if}
{/key} {:else if content.type === 'embed'} {/if}