<script>export let handler;
const rowsPerPage = handler.getRowsPerPage();
const options = [5, 10, 20, 50, 100];
</script>


<aside>
    <span>{handler.i18n.show}</span>
    <select bind:value={$rowsPerPage} on:change={() => handler.setPage(1)}>
        {#each options as option}
            <option value={option}>
                {option}
            </option>
        {/each}
    </select>
    <span>{handler.i18n.entries}</span>
</aside>


<style>
    aside{
        display:flex;
        justify-content:flex-start;
        align-items: center;
        height:32px;
        color:#616161;
    }
    select{
        margin:0 4px;
    }
</style>