<template>
    <section class="admin-data-panel" v-loading="loading">
        <div v-if="$slots.toolbar" class="admin-data-panel__toolbar">
            <slot name="toolbar" />
        </div>
        <div class="admin-data-panel__body">
            <slot />
        </div>
        <div v-if="$slots.footer" class="admin-data-panel__footer">
            <slot name="footer" />
        </div>
    </section>
</template>

<script setup lang="ts">
withDefaults(
    defineProps<{
        loading?: boolean
    }>(),
    {
        loading: false
    }
)
</script>
