From a703572dc2cb050930d7a354eb6827456b1c05ae Mon Sep 17 00:00:00 2001
From: Chris Hickingbottom <developer.hickingbottom@gmail.com>
Date: Fri, 20 Jan 2023 11:55:19 -0600
Subject: [PATCH] Update LogonButton to all customizable style designs

Added classes and styles attributes that allow the button to be styled by the developer.
---
 src/components/LoginButton.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/LoginButton.svelte b/src/components/LoginButton.svelte
index 63cac5e..03ad86d 100644
--- a/src/components/LoginButton.svelte
+++ b/src/components/LoginButton.svelte
@@ -9,6 +9,8 @@
     const oidcPromise = getContext(OIDC_CONTEXT_CLIENT_PROMISE)
     export let callback_url = getContext(OIDC_CONTEXT_REDIRECT_URI)
     export let preserveRoute
+    export let classes = ''
+    export let styles = ''
 </script>
 
-<button class="btn" on:click|preventDefault='{() => login(oidcPromise, preserveRoute, callback_url) }'><slot></slot></button>
+<button class="btn {classes}" style="{styles}" on:click|preventDefault='{() => login(oidcPromise, preserveRoute, callback_url) }'><slot></slot></button>