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

   1 <script lang="ts">
   2         import type { Snippet, Component } from 'svelte';
   3
   4         interface Props {
   5                 icon: Component<{ class?: string }>;
   6                 message: Snippet;
   7                 actions: Snippet;
   8         }
   9
  10         let { icon: IconComponent, message, actions }: Props = $props();
  11 </script>
  12
  13 <div class="my-2 rounded-lg border border-border bg-card p-3">
  14         <div class="mb-3 flex items-center gap-2 text-sm">
  15                 <IconComponent class="h-4 w-4 shrink-0 text-muted-foreground" />
  16                 <span>
  17                         {@render message()}
  18                 </span>
  19         </div>
  20         <div class="flex flex-wrap items-center gap-2">
  21                 {@render actions()}
  22         </div>
  23 </div>