import React, { ReactNode } from 'react'

import { useLangData, usePrefix } from '../../../ConfigProvider'
import { Empty } from '../../../Empty'

export default function Placeholder({ colSpan, empty }: { colSpan: number, empty?: ReactNode }) {
  const prefix = usePrefix('table-placeholder')
  const tableLangData = useLangData('table')

  return (
    <tr className={prefix}>
      <td colSpan={colSpan}>
        {empty ?? <Empty title={tableLangData.emptyText} />}
      </td>
    </tr>
  )
}