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         import { ICON_CLASS_DEFAULT } from '$lib/constants/css-classes';
   7
   8         interface Props {
   9                 disabled?: boolean;
  10                 onclick?: (e: MouseEvent) => void;
  11         }
  12
  13         let { disabled = false, onclick }: Props = $props();
  14 </script>
  15
  16 <Tooltip.Root>
  17         <Tooltip.Trigger class="w-full">
  18                 <Button
  19                         class="file-upload-button md:h-8 md:w-8 h-9 w-9 rounded-full p-0"
  20                         {disabled}
  21                         {onclick}
  22                         variant="secondary"
  23                         type="button"
  24                 >
  25                         <span class="sr-only">{ATTACHMENT_TOOLTIP_TEXT}</span>
  26
  27                         <Plus class={ICON_CLASS_DEFAULT} />
  28                 </Button>
  29         </Tooltip.Trigger>
  30
  31         <Tooltip.Content>
  32                 <p>{ATTACHMENT_TOOLTIP_TEXT}</p>
  33         </Tooltip.Content>
  34 </Tooltip.Root>