<script>export let handler;
export let small = false;
const rowCount = handler.getRowCount();
</script>


{#if small}
    {#if $rowCount.total > 0}
        <aside>
            <b>{$rowCount.start}</b>-
            <b>{$rowCount.end}</b>/
            <b>{$rowCount.total}</b>
        </aside>
    {:else}
        {handler.i18n.noRows}
    {/if}
{:else}
    <aside>
        {#if $rowCount.total > 0}
            {@html handler.i18n.rowCount
                .replace('{start}', `<b>${$rowCount.start}</b>`)
                .replace('{end}', `<b>${$rowCount.end}</b>`)
                .replace('{total}', `<b>${$rowCount.total}</b>`)
            }
        {:else}
            {handler.i18n.noRows}
        {/if}
    </aside>
{/if}




<style>
    aside{
        color:#616161;
        line-height:32px;
        font-size:14px;
    }
</style>
