git.djapps.eu Git - pkg/ggml/sources/llama.cpp/blob

   1 <script lang="ts">
   2         import { BadgeInfo } from '$lib/components/app';
   3         import * as Tooltip from '$lib/components/ui/tooltip';
   4         import { copyToClipboard } from '$lib/utils';
   5         import type { Component } from 'svelte';
   6
   7         interface Props {
   8                 class?: string;
   9                 icon: Component;
  10                 value: string | number;
  11                 tooltipLabel?: string;
  12         }
  13
  14         let { class: className = '', icon: IconComponent, value, tooltipLabel }: Props = $props();
  15
  16         function handleClick() {
  17                 void copyToClipboard(String(value));
  18         }
  19 </script>
  20
  21 {#if tooltipLabel}
  22         <Tooltip.Root>
  23                 <Tooltip.Trigger>
  24                         <!-- prevent another nested button element -->
  25                         {#snippet child({ props })}
  26                                 <BadgeInfo {...props} class={className} onclick={handleClick}>
  27                                         {#snippet icon()}
  28                                                 <IconComponent class="h-3 w-3" />
  29                                         {/snippet}
  30
  31                                         {value}
  32                                 </BadgeInfo>
  33                         {/snippet}
  34                 </Tooltip.Trigger>
  35                 <Tooltip.Content>
  36                         <p>{tooltipLabel}</p>
  37                 </Tooltip.Content>
  38         </Tooltip.Root>
  39 {:else}
  40         <BadgeInfo class={className} onclick={handleClick}>
  41                 {#snippet icon()}
  42                         <IconComponent class="h-3 w-3" />
  43                 {/snippet}
  44
  45                 {value}
  46         </BadgeInfo>
  47 {/if}