<template>
  <th :class="cellClasses" :scope="scope" role="columnheader">
    <slot></slot>
  </th>
</template>

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

interface ITableHeaderCellProps {
  className?: string
  scope?: string
}

const props = defineProps<ITableHeaderCellProps>()

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