frontend-svelte/src/features/GetFonts/ui/SuggestedFonts/SuggestedFonts.svelte

<!--
    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, isVisible, proximity })}
        <FontListItem {font} {isVisible} {proximity} />
    {/snippet}
</FontVirtualList>