blob: 6cbacbbd044634c78c469563f431e09913e0b931 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<script lang="ts">
import { page } from '$app/state';
import { navigate } from '$lib/Navigation';
import type { Snippet } from 'svelte';
interface Props {
active?: boolean;
disabled?: boolean;
target: number;
children?: Snippet;
}
let { active = false, disabled = false, target, children }: Props = $props();
function onclick() {
navigate({ pagination: { page: target } }, page.url.searchParams);
}
</script>
<button
{onclick}
class:bg-slate-700={active}
class:bg-slate-800={!active}
class="flex h-8 w-8 items-center justify-center rounded-sm p-0 text-base hover:text-white disabled:text-slate-600"
{disabled}
>
{@render children?.()}
</button>
|
