
import Rowdragdrop from './Rowdragdrop';
import Columndragdrop from './Columndragdrop';
import Grid from '@mui/material/Grid2';
import PageContainer from 'src/components/container/PageContainer';
import Breadcrumb from 'src/layouts/full/shared/breadcrumb/Breadcrumb';

const BCrumb = [
  {
    to: '/',
    title: 'Home',
  },
  {
    title: 'Drag & Drop React Table',
  },
];

function page() {
  return (
    (<PageContainer title="Drag & drop Table" description="this is Drag & Drop Table">
      <Breadcrumb title="Drag & Drop Table" items={BCrumb} />
      <Grid container spacing={3}>
        <Grid sx={{ padding: 2 }} size={12}>
          <Rowdragdrop />
        </Grid>
        <Grid sx={{ padding: 2 }} size={12}>
          <Columndragdrop />
        </Grid>
      </Grid>
    </PageContainer>)
  );
}
export default page;
