import {PageProvider, SearchProvider, TableSearchProvider} from '@components';
import {FC} from 'react';
import {context, contextState, pageContext, searchContext} from './context';
import Filter from './filter';
import TableList from './table';

const Inventory: FC = function () {
  return (
    <TableSearchProvider context={context} state={contextState}>
      <PageProvider context={pageContext}>
        <SearchProvider context={searchContext}>
          <section className='content-main'>
            <Filter />
            <TableList />
          </section>
        </SearchProvider>
      </PageProvider>
    </TableSearchProvider>
  );
};

export default Inventory;
