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

<FontVirtualList items={fontshareStore.fonts}>
    {#snippet children({ item: font })}
        <FontListItem {font} />
    {/snippet}
</FontVirtualList>
