import SearchBox from '~/components/search-box';
import { searchColumns as searchColumnsType } from '~/components/search-box';
import { Table } from 'antd';
import { ColumnsType } from 'antd/es/table/InternalTable';

const withDrawManage = () => {
  const searchColumns: searchColumnsType[] = [
    {
      label: '账号',
      placeholder: '请输入账号',
      name: '',
      type: 'input',
    },
    {
      label: '状态',
      placeholder: '请选择状态',
      name: '',
      type: 'Select',
      options: [],
    },
    {
      label: '提现方式',
      placeholder: '请选择提现方式',
      name: '',
      type: 'Select',
      options: [],
    },
    {
      label: '时间',
      name: '',
      type: 'rangePicker',
      placeholder: '',
    },
  ];
  const tableColumns: ColumnsType<any> = [
    {
      title: '流水编号',
      align: 'center',
    },
    {
      title: '账户名称',
      align: 'center',
    },
    {
      title: '金额',
      align: 'center',
    },
    {
      title: '提现方式',
      align: 'center',
    },
    {
      title: '手机号',
      align: 'center',
    },
    {
      title: '收款账号',
      align: 'center',
    },
    {
      title: '状态',
      align: 'center',
    },
    {
      title: '处理信息',
      align: 'center',
    },
    {
      title: '时间',
      align: 'center',
    },
    {
      title: '备注',
      align: 'center',
    },
    {
      title: '操作',
      align: 'center',
    },
  ];

  return (
    <div className='with-draw-manage'>
      <SearchBox search={searchColumns} />
      <Table bordered columns={tableColumns} />
    </div>
  );
};
export default withDrawManage;
