import React from 'react';
import { Button, Row } from 'antd';
import Search from './search.jsx';

import './index.less';

function Opes({ text, data, addHandler, delHandler, refreshHandler, searchHandle, changeSearch }) {
  return (
    <Row>
      <Button onClick={addHandler} disabled={data.loading} type="primary">
        添加{text}
      </Button>
      <Button disabled={!data.selectedRowKeys.length} onClick={delHandler} className="btn-delete">
        删除{text}
      </Button>
      <span className="action-tips">
        共{data.dataSource.length}个{text}, 已选中{data.selectedRowKeys.length}个{text}
      </span>
      {searchHandle && <Search placeholder="名称" onSearch={searchHandle} changeSearch={changeSearch} />}
      {refreshHandler && (
        <Button className="btn-refresh" type="primary" ghost onClick={refreshHandler} disabled={data.loading}>
          <i className="iconfont icon-shuaxin2" />
        </Button>
      )}
    </Row>
  );
}
export default Opes;