From 7f3a6d49d1d9b158de6f45811ba46af2fedc1d67 Mon Sep 17 00:00:00 2001
From: madkarmaa <madkarma99@gmail.com>
Date: Mon, 14 Apr 2025 10:54:00 +0200
Subject: [PATCH] feat: add `<SquigglyDivider />` component

---
 .../components/atoms/SquigglyDivider.svelte   | 20 +++++++++++++++++++
 src/lib/components/organisms/Footer.svelte    |  7 +++++++
 2 files changed, 27 insertions(+)
 create mode 100644 src/lib/components/atoms/SquigglyDivider.svelte

diff --git a/src/lib/components/atoms/SquigglyDivider.svelte b/src/lib/components/atoms/SquigglyDivider.svelte
new file mode 100644
index 0000000..9747546
--- /dev/null
+++ b/src/lib/components/atoms/SquigglyDivider.svelte
@@ -0,0 +1,20 @@
+<svg aria-hidden="true" width="100%" height="8" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<pattern id="pattern" width="91" height="8" patternUnits="userSpaceOnUse">
+		<path
+			d="M114 4c-5.067 4.667-10.133 4.667-15.2 0S88.667-.667 83.6 4 73.467 8.667 68.4 4 58.267-.667 53.2 4 43.067 8.667 38 4 27.867-.667 22.8 4 12.667 8.667 7.6 4-2.533-.667-7.6 4s-10.133 4.667-15.2 0S-32.933-.667-38 4s-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0"
+			stroke-linecap="square"
+		/>
+	</pattern>
+	<rect width="100%" height="100%" fill="url(#pattern)" />
+</svg>
+
+<style>
+	path {
+		stroke: var(--border);
+	}
+
+	svg {
+		padding-left: 1rem;
+		padding-right: 1rem;
+	}
+</style>
diff --git a/src/lib/components/organisms/Footer.svelte b/src/lib/components/organisms/Footer.svelte
index e69de29..542a3e2 100644
--- a/src/lib/components/organisms/Footer.svelte
+++ b/src/lib/components/organisms/Footer.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import SquigglyDivider from '$components/atoms/SquigglyDivider.svelte';
+</script>
+
+<footer>
+	<SquigglyDivider />
+</footer>