<script setup lang="ts">
import { ScrollArea } from '@/components/ui/scroll-area';
import type { DirectoryEntry } from '~/types';
const { entries } = defineProps<{
    entries: DirectoryEntry[];
}>();

const { isLoading } = useLoadingIndicator();
</script>

<template>
    <ScrollArea class="w-full h-full">
        <div class="flex flex-row gap-2">
            <DirectoryEntry
                v-for="entry in entries"
                :key="entry.name"
                :name="entry.name"
                :entry-type="entry.fileType"
				:disabled="isLoading"
            />
        </div>
    </ScrollArea>
</template>
