import React from 'react';
import Checkbox from 'antd/lib/Checkbox';

interface checkProps { checked: boolean; }

const LeftPrimaryCheckbox: React.FC<checkProps> = ({ checked }) => {
  return (
    <td className="tbody-td--column tbody-td--column--surface--checkbox">
      <Checkbox checked={checked} onClick={() => { }} />
    </td>
  )
}

export const LeftPrimaryTr: React.FC<{ primaryKey: any, primaryElevae: number, trClick: any; } & checkProps> = (
  { primaryKey, checked, primaryElevae, trClick }) => {
  return (
    <tr
      style={{
        height: primaryElevae
      }}
      onClick={(e: any) => { trClick(e, primaryKey) }}
      className="tbody-tr--column--common tbody-tr--column--gray"
    >
      {/* 复选框列 */}
      <LeftPrimaryCheckbox
        checked={checked}
      />
      {/* <td
        className="tbody-td--column thead-th--column tbody-td--column--surface--mainarea"
        colSpan={colSpan - 2}
      >
      </td>

      <td className="tbody-td--column thead-th--column tbody-td--opreation">
      </td> */}
    </tr>
  )
}