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

   1 <script lang="ts">
   2         import type { Snippet } from 'svelte';
   3
   4         interface Props {
   5                 isSelected?: boolean;
   6                 disabled?: boolean;
   7                 onclick: () => void;
   8                 onmouseenter?: () => void;
   9                 dataIndex?: number;
  10                 children: Snippet;
  11                 class?: string;
  12         }
  13
  14         let {
  15                 class: className = '',
  16                 isSelected = false,
  17                 disabled = false,
  18                 onclick,
  19                 onmouseenter,
  20                 dataIndex,
  21                 children
  22         }: Props = $props();
  23 </script>
  24
  25 <button
  26         type="button"
  27         data-picker-index={dataIndex}
  28         {disabled}
  29         {onclick}
  30         {onmouseenter}
  31         class="flex w-full cursor-pointer items-start gap-3 rounded-lg px-3 py-2 text-left hover:bg-accent/50 {isSelected
  32                 ? 'bg-accent/50'
  33                 : ''} {disabled ? 'cursor-not-allowed opacity-50' : ''} {className}"
  34 >
  35         {@render children()}
  36 </button>