From 9e35d582050edc076ba8c7f91337de84e38b02eb Mon Sep 17 00:00:00 2001
From: buttercat1791 <mjjurkoic@gmail.com>
Date: Wed, 9 Apr 2025 09:08:15 -0500
Subject: [PATCH] Update heading snippet for commonality with Preview component

---
 src/lib/snippets/PublicationSnippets.svelte | 31 ++++-----------------
 1 file changed, 6 insertions(+), 25 deletions(-)

diff --git a/src/lib/snippets/PublicationSnippets.svelte b/src/lib/snippets/PublicationSnippets.svelte
index 26645fa..8f9e0cc 100644
--- a/src/lib/snippets/PublicationSnippets.svelte
+++ b/src/lib/snippets/PublicationSnippets.svelte
@@ -5,31 +5,12 @@
 </script>
 
 {#snippet sectionHeading(title: string, depth: number)}
-  {#if depth === 0}
-    <h1 class='h-leather'>
-      {title}
-    </h1>
-  {:else if depth === 1}
-    <h2 class='h-leather'>
-      {title}
-    </h2>
-  {:else if depth === 2}
-    <h3 class='h-leather'>
-      {title}
-    </h3>
-  {:else if depth === 3}
-    <h4 class='h-leather'>
-      {title}
-    </h4>
-  {:else if depth === 4}
-    <h5 class='h-leather'>
-      {title}
-    </h5>
-  {:else}
-    <h6 class='h-leather'>
-      {title}
-    </h6>
-  {/if}
+  {@const headingLevel = Math.min(depth + 1, 6)}
+
+  <!-- TODO: Handle floating titles. -->
+  <svelte:element this={`h${headingLevel}`} class='h-leather'>
+    {title}
+  </svelte:element>
 {/snippet}
 
 {#snippet contentParagraph(content: string, publicationType: string, isSectionStart: boolean)}