From 43175fd52ae97b648c16228392ea4b67684787ba Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Fri, 9 Jan 2026 16:20:00 +0300
Subject: [PATCH] feat(FontSearch): create FontSearch component with SearchBar
 and FontList with list virtualization

---
 .../FetchFonts/ui/FontSearch/FontSearch.svelte  | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/features/FetchFonts/ui/FontSearch/FontSearch.svelte

diff --git a/src/features/FetchFonts/ui/FontSearch/FontSearch.svelte b/src/features/FetchFonts/ui/FontSearch/FontSearch.svelte
new file mode 100644
index 0000000..32563e7
--- /dev/null
+++ b/src/features/FetchFonts/ui/FontSearch/FontSearch.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+import { fontCollection } from '$entities/Font';
+import FontList from '$entities/Font/ui/FontList/FontList.svelte';
+import SearchBar from '$shared/ui/SearchBar/SearchBar.svelte';
+
+interface Props {
+    id?: string;
+}
+
+const {
+    id = 'font-search',
+}: Props = $props();
+</script>
+
+<SearchBar class="w-full" bind:value={fontCollection.searchQuery} id={id}>
+    <FontList />
+</SearchBar>