From 1e9e11fd85acb53af7e88cd1e983f4e2aea108d2 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 30 Dec 2024 05:56:24 +0100
Subject: [PATCH] Change tooltip inputChoice

---
 src/lib/elements/forms/inputChoice.svelte | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/lib/elements/forms/inputChoice.svelte b/src/lib/elements/forms/inputChoice.svelte
index 219a9c36d..72bc63f67 100644
--- a/src/lib/elements/forms/inputChoice.svelte
+++ b/src/lib/elements/forms/inputChoice.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { tooltip as tooltipAction } from '$lib/actions/tooltip';
-    import { Layout, Selector } from '@appwrite.io/pink-svelte';
+    import { Layout, Selector, Tooltip } from '@appwrite.io/pink-svelte';
     import { Helper } from '.';
 
     export let type: 'checkbox' | 'switchbox' = 'checkbox';
@@ -62,16 +62,15 @@
                         </span>
                     {/if}
                     {#if tooltip}
-                        <button
-                            type="button"
-                            class="tooltip"
-                            aria-label="variables info"
-                            use:tooltipAction={{ content: tooltip }}>
-                            <span
-                                class="icon-info"
-                                aria-hidden="true"
-                                style="font-size: var(--icon-size-small)" />
-                        </button>
+                        <Tooltip>
+                            <button type="button" class="tooltip" aria-label="variables info">
+                                <span
+                                    class="icon-info"
+                                    aria-hidden="true"
+                                    style="font-size: var(--icon-size-small)" />
+                            </button>
+                            <p slot="tooltip">{tooltip}</p>
+                        </Tooltip>
                     {/if}
                 </div>
             {/if}