[pkg/ggml/sources/llama.cpp] /

<script lang="ts">
        import { Video } from '@lucide/svelte';

        interface Props {
                currentItem: { name?: string } | null;
                videoSrc: string | null;
        }

        let { currentItem, videoSrc }: Props = $props();
</script>

<div class="flex flex-1 items-center justify-center p-8">
        <div class="w-full max-w-md text-center">
                <Video class="mx-auto mb-4 h-16 w-16 text-white/50" />

                {#if videoSrc}
                        <video controls class="mb-4 w-full" src={videoSrc}>
                                Your browser does not support the video element.
                        </video>
                {:else}
                        <p class="mb-4 text-white/70">Video preview not available</p>
                {/if}

                <p class="text-sm text-white/50">{currentItem?.name || 'Video'}</p>
        </div>
</div>