#434

frontend/src/components/counts/CountsRowNumber.tsx

@@ -0,0 +1,17 @@
+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