import React from "react";
import {
  Button,
  Typography,
  ListItem,
  ListItemIcon,
  ListItemText,
} from "@mui/material";
import { Grid } from "../../../../../components/grid/Grid";
import { SPACING } from "../../../../../data/spacing";
import { DialogAlert } from "../../../../../components/dialog-alert/DialogAlert";
import { Done } from "@mui/icons-material";

export const ConfirmationDialog = ({ isAccepted, onAccept, onReject }) => {
  return (
    <Grid item pb={2} mt={2}>
      <DialogAlert
        title="تعهد نامه"
        content={
          <>
            <ListItem>
              <ListItemIcon>
                <Done />
              </ListItemIcon>
              <ListItemText primary="لطفا صحت اطلاعات وارد شده را بررسی نمایید. پس از تکمیل و ثبت درخواست، یک کد احراز هویت از طریق پیامک برای صنف یا مباشر به شماره تلفن اعلامی ارسال میگردد." />
            </ListItem>
            <Typography></Typography>
          </>
        }
        actions={
          <Grid container gap={SPACING.TINY}>
            <Button variant="outlined" color="error" onClick={onReject}>
              رد
            </Button>
            <Button variant="contained" color="success" onClick={onAccept}>
              موافقم
            </Button>
          </Grid>
        }
        btnTitle="تایید صحت اطلاعات"
        isAccepted={isAccepted}
      />
    </Grid>
  );
};
