From 96b26fb0558d915b5669ef154a228f856c284066 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Sun, 18 Jan 2026 14:57:15 +0300
Subject: [PATCH] feat(FontDisplay): create a FontDisplay component to show
 selected font samples

---
 .../DisplayFont/ui/FontDisplay/FontDisplay.svelte  | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 src/features/DisplayFont/ui/FontDisplay/FontDisplay.svelte

diff --git a/src/features/DisplayFont/ui/FontDisplay/FontDisplay.svelte b/src/features/DisplayFont/ui/FontDisplay/FontDisplay.svelte
new file mode 100644
index 0000000..915078f
--- /dev/null
+++ b/src/features/DisplayFont/ui/FontDisplay/FontDisplay.svelte
@@ -0,0 +1,14 @@
+<!--
+    Component: FontDisplay
+    Displays a grid of FontSampler components for each displayed font.
+-->
+<script>
+import { displayedFontsStore } from '../../model';
+import FontSampler from '../FontSampler/FontSampler.svelte';
+</script>
+
+<div class="grid gap-2 grid-cols-[repeat(auto-fit,minmax(500px,1fr))]">
+    {#each displayedFontsStore.fonts as font (font.id)}
+        <FontSampler font={font} bind:text={displayedFontsStore.text} />
+    {/each}
+</div>