<template>
  <td :class="cellClasses" :data-label="dataLabel" role="cell">
    <slot></slot>
  </td>
</template>

<script lang="ts" setup>
import { computed } from 'vue'

interface ITableDataCellProps {
  className?: string
  dataLabel?: string
}

const props = withDefaults(defineProps<ITableDataCellProps>(), {})

const cellClasses = computed(() => [props.className, 'pkt-table__data-cell'])
</script>
