···

       
10
       
10
       
 
       
      <Show when={!isTouchDevice}>

     

       
11
       
11
       
 
       
        <span

     

       
12
       
12
       
 
       
          style={`transform: translate(-50%, 2rem)`}

     

       
13
       
13
       
-
       
          class={`left-50% pointer-events-none invisible absolute z-10 whitespace-nowrap text-slate-900 dark:bg-neutral-800 dark:text-slate-100 min-w-[${width.toString()}ch] rounded border border-neutral-500 bg-white p-1 text-center text-xs group-hover/tooltip:visible`}

     

       
13
       
13
       
+
       
          class={`left-50% pointer-events-none absolute z-10 hidden whitespace-nowrap text-slate-900 dark:bg-neutral-800 dark:text-slate-100 min-w-[${width.toString()}ch] rounded border border-neutral-500 bg-white p-1 text-center text-xs group-hover/tooltip:inline`}

     

       
14
       
14
       
 
       
        >

     

       
15
       
15
       
 
       
          {props.text}

     

       
16
       
16
       
 
       
        </span>