import React from 'react';

import type { TableCellProps } from './TableCell';

export type TableCellEmptyProps = Pick<TableCellProps, 'colspan' | 'children'>;

export const TableCellEmpty: React.FC<TableCellProps> = ({ children, colspan, ...rest }) => {
  colspan = typeof colspan === 'number' && colspan >= 1 ? colspan : undefined;

  return (
    <td className='table__cell--empty' colSpan={colspan} {...rest}>
      {children}
    </td>
  );
};