import { Container, DataGridInner } from '@/components';
import { ManageFeedbackMemberProvider } from './hooks/ManageFeedbackMemberContext';
// import EditDialog from './blocks/EditDialog';
// import DeleteDialog from './blocks/DeleteDialog';
import { Breadcrumbs, Link } from '@mui/material';
import { Helmet } from 'react-helmet';
import FeedbackDetail from './blocks/FeedbackDetail';
import EditDialog from './blocks/EditDialog';

const FeedbackMemberMaster = () => {
  return (
    <>
      <Helmet>
        <title>TPAY | Manage Feedback Member</title>
      </Helmet>
      <ManageFeedbackMemberProvider>
        <Container>
          <h1 className="text-xl font-medium leading-none text-gray-900 mb-3">
            Manage Feedback Member
          </h1>
          <Breadcrumbs sx={{ mb: 2 }}>
            <Link underline="none" color="inherit" href="/">
              <span className="text-sm hover:underline">Dashboard</span>
            </Link>

            <Link underline="none" color="inherit">
              <span className="text-sm">Member</span>
            </Link>

            <Link underline="none" color="inherit">
              <span className="text-sm">Manage Feedback Member</span>
            </Link>
          </Breadcrumbs>
          <div className="grid gap-5 lg:gap-7.5">
            <DataGridInner />
          </div>
          <FeedbackDetail />
          <EditDialog />
          {/* <AddDialog />
          <EditDialog />
          <DeleteDialog /> */}
          {/* <FeedbackDetail/> */}
        </Container>
      </ManageFeedbackMemberProvider>
    </>
  );
};

export default FeedbackMemberMaster;
