import React from 'react';
import styles from './index.less';

interface FooterDivType extends React.PropsWithChildren {
  size: number | undefined;
  selectedRowsNumber: number;
}

const FooterDiv: React.FC<FooterDivType> = (props) => {
  const { size, children, selectedRowsNumber } = props;
  /** 内部样式 */
  return (
    <div
      className={styles.footerBox}
      style={{ width: size ? size + 40 : '100%' }}
    >
      <div className={styles.left} style={{ paddingLeft: 50 }}>
        已选择<span>{selectedRowsNumber}</span>项
      </div>
      <div className={styles.right}>{children}</div>
    </div>
  );
};
export default FooterDiv;
