mirror of https://github.com/TZGyn/shortener
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
740 B
Svelte
28 lines
740 B
Svelte
<script lang="ts">
|
|
import { Pagination as PaginationPrimitive } from "bits-ui";
|
|
import ChevronLeft from "lucide-svelte/icons/chevron-left";
|
|
import { Button } from "$lib/components/ui/button/index.js";
|
|
import { cn } from "$lib/utils.js";
|
|
|
|
type $$Props = PaginationPrimitive.PrevButtonProps;
|
|
type $$Events = PaginationPrimitive.PrevButtonEvents;
|
|
|
|
let className: $$Props["class"] = undefined;
|
|
export { className as class };
|
|
</script>
|
|
|
|
<PaginationPrimitive.PrevButton asChild let:builder>
|
|
<Button
|
|
variant="ghost"
|
|
class={cn("gap-1 pl-2.5", className)}
|
|
builders={[builder]}
|
|
on:click
|
|
{...$$restProps}
|
|
>
|
|
<slot>
|
|
<ChevronLeft class="h-4 w-4" />
|
|
<span>Previous</span>
|
|
</slot>
|
|
</Button>
|
|
</PaginationPrimitive.PrevButton>
|