<script setup lang="ts"></script>

<template>
    <div class="relative overflow-x-auto rounded-xl border border-slate-200">
        <table class="w-full text-sm text-right text-black">
            <thead class="text-black bg-gray-50 border-b border-slate-200">
                <tr>
                    <slot name="thead" />
                </tr>
            </thead>
            <tbody>
                <slot name="tbody" />
            </tbody>
        </table>
    </div>
</template>

<style scoped></style>
