'use client'

import classNames from 'classnames'
import type { HTMLAttributes, ReactNode } from 'react'

interface TableDataProps extends HTMLAttributes<HTMLTableCellElement> {
  className?: string
  children: ReactNode | ReactNode[]
}

export const PktTableData = ({ children, className, ...props }: TableDataProps) => (
  <td className={classNames(className, 'pkt-table__th')} {...props} role="cell">
    {children}
  </td>
)