// ** React Imports import { useState } from 'react' // ** MUI Imports import Box from '@mui/material/Box' import Button from '@mui/material/Button' import Dialog from '@mui/material/Dialog' import Typography from '@mui/material/Typography' import DialogContent from '@mui/material/DialogContent' import DialogActions from '@mui/material/DialogActions' // ** Icon Imports import Icon from 'src/@core/components/icon' type Props = { open: boolean setOpen: (val: boolean) => void } const UserSuspendDialog = (props: Props) => { // ** Props const { open, setOpen } = props // ** States const [userInput, setUserInput] = useState('yes') const [secondDialogOpen, setSecondDialogOpen] = useState(false) const handleClose = () => setOpen(false) const handleSecondDialogClose = () => setSecondDialogOpen(false) const handleConfirmation = (value: string) => { handleClose() setUserInput(value) setSecondDialogOpen(true) } return ( <> [`${theme.spacing(5)} !important`, `${theme.spacing(15)} !important`], pt: theme => [`${theme.spacing(8)} !important`, `${theme.spacing(12.5)} !important`] }} > Are you sure? You won't be able to revert user! [`${theme.spacing(5)} !important`, `${theme.spacing(15)} !important`], pb: theme => [`${theme.spacing(8)} !important`, `${theme.spacing(12.5)} !important`] }} > {userInput === 'yes' ? 'Suspended!' : 'Cancelled'} {userInput === 'yes' ? 'User has been suspended.' : 'Cancelled Suspension :)'} ) } export default UserSuspendDialog