From fbf6f3dcb4b6d5322f1b59c2a7303528e595bc03 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Fri, 27 Feb 2026 12:44:57 +0300
Subject: [PATCH] feat(SampleList): create a component that wraps SampleList
 with Section

---
 .../SampleListSection.svelte                  | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/widgets/SampleList/ui/SampleListSection/SampleListSection.svelte

diff --git a/src/widgets/SampleList/ui/SampleListSection/SampleListSection.svelte b/src/widgets/SampleList/ui/SampleListSection/SampleListSection.svelte
new file mode 100644
index 0000000..c8c6d34
--- /dev/null
+++ b/src/widgets/SampleList/ui/SampleListSection/SampleListSection.svelte
@@ -0,0 +1,33 @@
+<!--
+    Component: SampleListSection
+    Wraps SampleList with a Section component
+-->
+<script lang="ts">
+import { handleTitleStatusChanged } from '$entities/Breadcrumb';
+import type { ResponsiveManager } from '$shared/lib';
+import { cn } from '$shared/shadcn/utils/shadcn-utils';
+import { Section } from '$shared/ui';
+import {
+    type Snippet,
+    getContext,
+} from 'svelte';
+import SampleList from '../SampleList/SampleList.svelte';
+
+const responsive = getContext<ResponsiveManager>('responsive');
+</script>
+
+<Section
+    class="py-4 sm:py-10 md:py-12 gap-6 sm:gap-x-12 sm:gap-y-8"
+    index={3}
+    id="sample_set"
+    onTitleStatusChange={handleTitleStatusChanged}
+    title="Sample Set"
+    headerTitle="visual_output"
+    headerSubtitle="render_engine:"
+>
+    {#snippet content({ className })}
+        <div class={cn(className, !responsive.isDesktopLarge && 'col-start-0 col-span-2')}>
+            <SampleList />
+        </div>
+    {/snippet}
+</Section>