'use client'
import { useRowLabel } from '@payloadcms/ui'

export const RowLabel = () => {
  const { data, rowNumber } = useRowLabel()

  // Try common field names for labels
  const label = data?.title || data?.name || data?.clientName || data?.label

  return label || `Item ${String(rowNumber).padStart(2, '0')}`
}