From d9925da96f55456d35b5276db83dbc9d81bde5b6 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Wed, 25 Feb 2026 09:58:24 +0300
Subject: [PATCH] feat(Section): add SectionSeparator component

---
 .../SectionSeparator/SectionSeparator.svelte       | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 src/shared/ui/Section/SectionSeparator/SectionSeparator.svelte

diff --git a/src/shared/ui/Section/SectionSeparator/SectionSeparator.svelte b/src/shared/ui/Section/SectionSeparator/SectionSeparator.svelte
new file mode 100644
index 0000000..241b3d9
--- /dev/null
+++ b/src/shared/ui/Section/SectionSeparator/SectionSeparator.svelte
@@ -0,0 +1,14 @@
+<!--
+    Component: SectionSeparator
+    A horizontal separator line used to visually separate sections within a page.
+-->
+<script lang="ts">
+import { cn } from '$shared/shadcn/utils/shadcn-utils';
+
+interface Props {
+    class?: string;
+}
+const { class: className = '' }: Props = $props();
+</script>
+
+<div class={cn('w-full h-px bg-swiss-black/5 dark:bg-white/10 my-8 md:my-12', className)}></div>