<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>