import { Container, DataGridInner } from '@/components';
import { ManageProfessionContextProvider } from './hooks/ManageProfessionContext';
import AddDialog from './blocks/AddDialog';
import EditDialog from './blocks/EditDialog';
import DeleteDialog from './blocks/DeleteDialog';

const ProfessionMaster = () => {
  return (
    <ManageProfessionContextProvider>
      <Container>
        <h1 className="text-xl font-medium leading-none text-gray-900 mb-5">Manage Profession</h1>
        <div className="grid gap-5 lg:gap-7.5">
          <DataGridInner />
        </div>
        <AddDialog />
        <EditDialog />
        <DeleteDialog />
      </Container>
    </ManageProfessionContextProvider>
  );
};

export default ProfessionMaster;