import React from 'react';
interface GenericCheckBoxProps {
  seat: 'left' | 'right' | 'center';
  checkbox?: boolean;
  children?: React.ReactNode;
  className?:string;
}

const GenericCheckBox: React.FC<GenericCheckBoxProps> = ({ checkbox, children, seat,className }) => {
  // 1. 三个表格固定className：tbody-td--column tbody-td--column--surface--checkbox
  // 2. 左固定表格需要定位属性：fixedClasname

  if (!checkbox) return null;

  // surface
  const checkBoxClassName = 'tbody-td--column ' + (className || '') + (seat === "left" ? ' lion-cell--fix--left' : '')

  return <td className={checkBoxClassName}>
    {children}
  </td>
}

export {
  GenericCheckBox as GenericCheckBoxContainer
}