'use client'
import type { CellComponentProps } from 'payload/types'

import { useTableCell } from '@payloadcms/ui/elements/Table'
import React from 'react'

export const CustomCell: React.FC<CellComponentProps> = (props) => {
  const context = useTableCell()
  return <div>{`Custom cell: ${context.cellData || 'No data'}`}</div>
}