import CountsResizeHandle from '@/components/counts/CountsResizeHandle'
import { useUITranslation } from '@/lib/useUITranslation'


const CountsRowNumber = ({ value }: { value?: number }) => {
  const { label, message } = useUITranslation ('counts')
  if (value != null) return <td data-counts-copy={String (value)}
      className="border-b px-2 py-1 text-right align-top tabular-nums dark:border-slate-700">
    {value}</td>
  return <th data-counts-heading={message ('rowNumbers').text} className="relative px-2 py-1">
    {label ('rowNumbers')}
    <CountsResizeHandle field="row_number" label={message ('rowNumbers')}/>
  </th>
}


export default CountsRowNumber