<script lang="ts">
interface Props {
    container_class_li?: string | Array<string>;
    lq__journal_obj: any;
    lq__journal_entry_obj_li: any;
    show_found_header?: boolean;
    log_lvl?: number;
}

let {
    container_class_li = '',
    lq__journal_obj,
    lq__journal_entry_obj_li,
    show_found_header = true,
    log_lvl = 0
}: Props = $props();

// *** Import other supporting libraries
import { LoaderCircle } from '@lucide/svelte';
// *** Import Aether specific components
import Journal_entry_obj_li from './ae_comp__journal_entry_obj_li.svelte';
</script>

{#if $lq__journal_entry_obj_li}
    <Journal_entry_obj_li
        {lq__journal_obj}
        {lq__journal_entry_obj_li}
        {show_found_header}
        {log_lvl} />
{:else}
    <div class="flex flex-col items-center justify-center p-10 opacity-50">
        <LoaderCircle size="2em" class="mb-2 animate-spin" />
        <p>Loading entries...</p>
    </div>
{/if}
