<template>
    <table class="w-full border-collapse border border-slate-300">
        <thead>
        <tr>
            <th
                v-for="(column, index) in columns"
                :key="index"
                class="border border-slate-300 px-3 py-2 text-left"
            >
                {{ column }}
            </th>
        </tr>
        </thead>
    </table>
</template>

<script setup lang="ts">
defineProps<{
    columns: string[]
    data?: any[]
}>()
</script>
