···

       
7
       
7
       
 
       
    <Show when={!isTouchDevice}>

     

       
8
       
8
       
 
       
      <span

     

       
9
       
9
       
 
       
        style={`transform: translate(-50%, 28px)`}

     

       
10
       
10
       
-
       
        class={`dark:shadow-dark-800 pointer-events-none absolute left-[50%] z-10 hidden min-w-fit rounded border-[0.5px] border-neutral-300 bg-neutral-50 p-1 text-center font-sans text-xs whitespace-nowrap text-neutral-900 shadow-md select-none group-hover/tooltip:inline first-letter:capitalize dark:border-neutral-600 dark:bg-neutral-800 dark:text-neutral-200`}

     

       
10
       
10
       
+
       
        class={`dark:shadow-dark-800 pointer-events-none absolute left-[50%] z-20 hidden min-w-fit rounded border-[0.5px] border-neutral-300 bg-neutral-50 p-1 text-center font-sans text-xs whitespace-nowrap text-neutral-900 shadow-md select-none group-hover/tooltip:inline first-letter:capitalize dark:border-neutral-600 dark:bg-neutral-800 dark:text-neutral-200`}

     

       
11
       
11
       
 
       
      >

     

       
12
       
12
       
 
       
        {props.text}

     

       
13
       
13
       
 
       
      </span>