21 lines
615 B
Svelte
21 lines
615 B
Svelte
<script lang="ts">
|
|
import type { ComponentProps } from "svelte";
|
|
import { cn } from "@/lib/utils.js";
|
|
import { PaginationLink } from "./index.js";
|
|
import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
|
|
|
|
type PaginationNextProps = ComponentProps<typeof PaginationLink>;
|
|
|
|
let { class: className, ...restProps }: PaginationNextProps = $props();
|
|
</script>
|
|
|
|
<PaginationLink
|
|
aria-label="Go to next page"
|
|
size="default"
|
|
class={cn("pr-1.5!", className)}
|
|
{...restProps}
|
|
>
|
|
<span class="cn-pagination-next-text hidden sm:block">Next</span>
|
|
<ChevronRightIcon data-icon="inline-end" />
|
|
</PaginationLink>
|