mirror of
https://github.com/pocket-id/pocket-id.git
synced 2025-12-21 09:15:55 +03:00
28 lines
733 B
Svelte
28 lines
733 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/style.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"
|
|
size="sm"
|
|
class={cn("gap-1 pl-2.5", className)}
|
|
builders={[builder]}
|
|
on:click
|
|
{...$$restProps}
|
|
>
|
|
<slot>
|
|
<ChevronLeft class="h-4 w-4" />
|
|
</slot>
|
|
</Button>
|
|
</PaginationPrimitive.PrevButton>
|