<!--
    Component: SuggestedFonts
    Renders a list of suggested fonts in a virtualized list to improve performance.
-->
<script lang="ts">
import {
    FontListItem,
    FontVirtualList,
    unifiedFontStore,
} from '$entities/Font';
</script>

<FontVirtualList items={unifiedFontStore.fonts}>
    {#snippet children({ item: font, isVisible, proximity })}
        <FontListItem {font} {isVisible} {proximity} />
    {/snippet}
</FontVirtualList>
