From f71a54c8f0c641538c470bb372e71a2c6cf9d17f Mon Sep 17 00:00:00 2001
From: Dom Charlesworth <dgc336@gmail.com>
Date: Sat, 6 Aug 2022 17:23:15 +0100
Subject: [PATCH] Support passing down of `class` prop

Support passing down off class prop for usage with libraries like [TailwindCSS](https://tailwindcss.com/)

[Example in REPL](https://svelte.dev/repl/1d0b80898137445da24cf565830ce3f7?version=3.4.2)
---
 scripts/component-template.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/scripts/component-template.svelte b/scripts/component-template.svelte
index 0073326a..5c338f2e 100644
--- a/scripts/component-template.svelte
+++ b/scripts/component-template.svelte
@@ -2,11 +2,14 @@
     export let size = 24;
     export let color = "currentColor";
     export let strokeWidth = 2;
+
+    let clazz = '';
+    export { clazz as class }
 </script>
 
 <svg
     xmlns='http://www.w3.org/2000/svg'
-    class='icon icon-tabler icon-tabler-%%ORIGINAL_NAME%%'
+    class='icon icon-tabler icon-tabler-%%ORIGINAL_NAME%% {clazz}'
     width={size}
     height={size}
     viewBox='0 0 24 24'
@@ -17,4 +20,4 @@
     stroke-linejoin='round'
 >
       %%SVG_CONTENT%%
-</svg>
\ No newline at end of file
+</svg>