<template>
    <th v-if="isHeader" class="p-3 text-left text-gray-700">
        {{ header }}
    </th>
    <td v-else class="border-b p-3 bg-white">
        <slot></slot> <!-- Contenido personalizado de la celda -->
    </td>
</template>

<script setup>
defineProps({
    field: String,
    header: String,
    isHeader: Boolean
});
</script>