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

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

diff --git a/src/components/LogoutButton.svelte b/src/components/LogoutButton.svelte
index 7fc9e57..6ab52a9 100644
--- a/src/components/LogoutButton.svelte
+++ b/src/components/LogoutButton.svelte
@@ -8,6 +8,8 @@
 
     const oidcPromise = getContext(OIDC_CONTEXT_CLIENT_PROMISE)
     export let logout_url = getContext(OIDC_CONTEXT_POST_LOGOUT_REDIRECT_URI)
+    export let classes = ''
+    export let styles = ''
 </script>
 
-<button class="btn" on:click|preventDefault='{() => logout(oidcPromise, logout_url) }'><slot></slot></button>
+<button class="btn {classes}" style="{styles} on:click|preventDefault='{() => logout(oidcPromise, logout_url) }'><slot></slot></button>