<svelte:options runes={true} />

<script lang="ts">
    import {Separator} from "$lib/components/ui/separator";
    import {Button} from "$lib/components/ui/button";
    import {AlbumViews} from "$lib/components/custom/Views/views.svelte";

    let { viewMode = $bindable() }: { viewMode: AlbumViews } = $props();
    let range = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,]
</script>

<div class="border border-2 flex flex-col gap-1 p-2 h-1 min-h-full">
    <h1>{viewMode}</h1>
    <h1>View Actions go here</h1>
    <div class="overflow-y-auto">
        <p>everything above this should be sticky</p>
        <h1>and this lists the songs</h1>
        {#each range as ignore}
            <p>A</p>
        {/each}
        <p>And this should be after infiny loading</p>
    </div>

</div>