FileList.svelte

<script lang="ts">
    import type { File } from "../../interfaces/file.interface"
    import FileItem from "./FileItem.svelte"

    export let files: File[] = []
</script>

<div class="w-4/5 mx-auto">
    {#if files.length > 0}
        {#each files as file (file.id)}
            <FileItem {file} />
        {/each}
    {:else}
        <div>
            <h3>No matching files found</h3>
        </div>
    {/if}
</div>