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

   1 <script lang="ts">
   2         import { ChevronLeft, ChevronRight } from '@lucide/svelte';
   3         import { Button } from '$lib/components/ui/button';
   4
   5         interface Props {
   6                 onPrev: () => void;
   7                 onNext: () => void;
   8                 show: boolean;
   9         }
  10
  11         let { onPrev, onNext, show }: Props = $props();
  12 </script>
  13
  14 {#if show}
  15         <Button
  16                 variant="secondary"
  17                 size="icon"
  18                 class="absolute top-1/2 left-4 z-10 h-8 w-8 -translate-y-1/2 rounded-full bg-background/5 p-0 text-white!"
  19                 onclick={onPrev}
  20                 aria-label="Previous"
  21         >
  22                 <ChevronLeft class="size-4" />
  23         </Button>
  24
  25         <Button
  26                 variant="secondary"
  27                 size="icon"
  28                 class="absolute top-1/2 right-4 z-10 h-8 w-8 -translate-y-1/2 rounded-full bg-background/5 p-0 text-white!"
  29                 onclick={onNext}
  30                 aria-label="Next"
  31         >
  32                 <ChevronRight class="size-4" />
  33         </Button>
  34 {/if}