'use client'

import classNames from 'classnames'
import * as React from 'react'

interface ITableDataCellProps {
  className?: string
  children?: React.ReactNode
  dataLabel?: string
}

export const PktTableDataCell = ({ children, className, dataLabel }: ITableDataCellProps) => (
  <td
    className={classNames(className, 'pkt-table__data-cell', {})}
    data-label={dataLabel}
    role="cell"
    data-testid="pkt-table__data-cell"
  >
    {children}
  </td>
)