lucent-laravel/front/js/svelte/content/elements/File.svelte

<script>
    import Preview from "../../files/Preview.svelte";

    export let queryRecord;
    export let field;

    let filePreviews = queryRecord?._children[field.name];

</script>

<!-- {#if firstRecord}
    <Preview record={firstRecord} size="tiny" />
{/if} -->
<div class="d-flex me-1">
    {#each filePreviews as file}
        <div class="me-1">
            <Preview record={file} size="tiny"/>
        </div>
    {/each}
</div>