23 lines
506 B
Svelte
23 lines
506 B
Svelte
<style lang="scss">
|
|
@import "../../style/molecules/pagination";
|
|
</style>
|
|
|
|
<script lang="ts">
|
|
export let ended = false
|
|
export let current: number
|
|
export let total: number
|
|
</script>
|
|
|
|
<div class="pagination" role="button" tabindex="0"
|
|
disabled={ended ? ended : undefined}
|
|
on:click
|
|
on:keydown
|
|
>
|
|
<div class="pagination__progress">
|
|
<span class="current">{current}</span>
|
|
<span>/</span>
|
|
<span class="total">{total}</span>
|
|
|
|
<slot />
|
|
</div>
|
|
</div> |