<script setup>
import { useI18n } from 'vue-i18n';

const { t } = useI18n();

const props = defineProps({
    noDataLabel: {
        type: String,
        default: ''
    },
    hideBottom: {
        type: Boolean,
        default: true
    },
    rowsPerPageOptions: {
        type: Array,
        default: () => [0]
    }
});
</script>

<template>
    <QTable
        v-bind="$attrs"
        :no-data-label="props.noDataLabel || t('noInvoicesFound')"
        :hide-bottom="props.hideBottom"
        :rows-per-page-options="props.rowsPerPageOptions"
        table-header-class="vntable-header-default"
    >
        <template
            v-for="(_, slotName) in $slots"
            #[slotName]="slotProps"
        >
            <slot
                :name="slotName"
                v-bind="slotProps"
            />
        </template>
    </QTable>
</template>

<style lang="scss">
.vntable-header-default {
    background-color: $accent !important;
    color: white;
}
</style>
