import { KhovtMasterKho } from 'main/apis/drc/models';
import { BasicSpinner } from 'main/components/atoms/spiner';
import { Page } from 'main/constants';
import { useState } from 'react';
import BootstrapTable, { TableChangeState, TableChangeType } from 'react-bootstrap-table-next';
import paginationFactory from 'react-bootstrap-table2-paginator';
import ToolkitProvider, { CSVExport } from 'react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit';
import { useNavigate } from 'react-router-dom';
import { Button } from 'reactstrap';
import tableConfig from './table-config';

const { ExportCSVButton } = CSVExport;


enum FieldName {
  ID = 'id',
}


function SuppliesStoreManagerTable() {

  return (
    <ToolkitProvider
      keyField={FieldName.ID}
      columns={tableConfig.columns}
    >
      {(props: any) => (
        <>
          <div className="table-responsive">
            <BootstrapTable
              {...props.baseProps}
              remote
              bootstrap4
              bordered={false}
            />
          </div>
        </>
      )}
    </ToolkitProvider>
  );
}

export default SuppliesStoreManagerTable;
