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

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