first

src/lib/components/ui/pagination/pagination-prev-button.svelte

@@ -0,0 +1,26 @@
+<script>
+  import { Pagination as PaginationPrimitive } from "bits-ui";
+  import ChevronLeft from "lucide-svelte/icons/chevron-left";
+  import { buttonVariants } from "$lib/components/ui/button/index.js";
+  import { cn } from "$lib/utils.js";
+
+  let { ref = $bindable(null), class: className, children, ...restProps } = $props();
+</script>
+
+{#snippet Fallback()}
+  <ChevronLeft class="size-4" />
+  <span>Previous</span>
+{/snippet}
+
+<PaginationPrimitive.PrevButton
+  bind:ref
+  class={cn(
+    buttonVariants({
+      variant: "ghost",
+      class: "gap-1 pl-2.5",
+    }),
+    className,
+  )}
+  children={children || Fallback}
+  {...restProps}
+/>