<script setup lang='ts'>
const props = defineProps<{
    total: Number
}>()

</script>
<template>
    <div class="table">
        <el-card>
            <template #header>
                <h3>
                    <slot name="header"></slot>
                </h3>
            </template>
            <div class="main">
                <slot></slot>
            </div>
            <div class="page">
                <el-pagination background :total="props.total" />
            </div>
        </el-card>
    </div>
</template>
<style scoped>
.table {
    margin-top: 20px;

    h3 {
        display: flex;
        justify-content: space-between;
        font-weight: 100;
    }

    .main {
        width: 100%;
    }

    .page {
        margin-top: 20px;
    }
}
</style>