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

   1 <script lang="ts">
   2         import { Plus } from '@lucide/svelte';
   3         import { Button } from '$lib/components/ui/button';
   4         import * as Tooltip from '$lib/components/ui/tooltip';
   5         import { ATTACHMENT_TOOLTIP_TEXT } from '$lib/constants';
   6
   7         interface Props {
   8                 disabled?: boolean;
   9                 onclick?: (e: MouseEvent) => void;
  10         }
  11
  12         let { disabled = false, onclick }: Props = $props();
  13 </script>
  14
  15 <Tooltip.Root>
  16         <Tooltip.Trigger class="w-full">
  17                 <Button
  18                         class="file-upload-button h-8 w-8 rounded-full p-0"
  19                         {disabled}
  20                         {onclick}
  21                         variant="secondary"
  22                         type="button"
  23                 >
  24                         <span class="sr-only">{ATTACHMENT_TOOLTIP_TEXT}</span>
  25
  26                         <Plus class="h-4 w-4" />
  27                 </Button>
  28         </Tooltip.Trigger>
  29
  30         <Tooltip.Content>
  31                 <p>{ATTACHMENT_TOOLTIP_TEXT}</p>
  32         </Tooltip.Content>
  33 </Tooltip.Root>