From 49cc968d7f3dd83c07b97440ec7915337ba4d8f9 Mon Sep 17 00:00:00 2001
From: afn <hey@afn.lol>
Date: Thu, 15 Dec 2022 15:38:14 -0500
Subject: [PATCH] feat: svg component

---
 src/lib/components/atoms/Svg.svelte | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 src/lib/components/atoms/Svg.svelte

diff --git a/src/lib/components/atoms/Svg.svelte b/src/lib/components/atoms/Svg.svelte
new file mode 100644
index 0000000..3ce173e
--- /dev/null
+++ b/src/lib/components/atoms/Svg.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	export let viewBoxHeight: number;
+	export let viewBoxWidth = viewBoxHeight;
+	export let svgHeight: number;
+	export let svgWidth = svgHeight;
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	preserveAspectRatio="none"
+	viewBox="0 0 {viewBoxHeight} {viewBoxWidth}"
+	style:height={svgHeight+'px'}
+	style:width={svgWidth+'px'}
+>
+	<slot />
+</svg>