|  |  |  | 
|---|
|  |  |  | const ConfirmButton = (props) => { | 
|---|
|  |  |  | const { label, onConfirm, data, ...rest } = props; | 
|---|
|  |  |  | const translate = useTranslate(); | 
|---|
|  |  |  | const buttonRef = useRef(null); | 
|---|
|  |  |  | const [open, setOpen] = useState(false); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const handleClickOpen = (event) => { | 
|---|
|  |  |  | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <> | 
|---|
|  |  |  | <Button | 
|---|
|  |  |  | ref={buttonRef} | 
|---|
|  |  |  | onClick={handleClickOpen} | 
|---|
|  |  |  | aria-label={translate(label)} | 
|---|
|  |  |  | {...rest} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | {translate(label)} | 
|---|
|  |  |  | </Button> | 
|---|
|  |  |  | <Dialog open={open} onClose={handleClose}> | 
|---|
|  |  |  | <Dialog | 
|---|
|  |  |  | aria-labelledby="dialog-title" | 
|---|
|  |  |  | aria-describedby="dialog-description" | 
|---|
|  |  |  | open={open} | 
|---|
|  |  |  | onClose={handleClose} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <DialogTitle>{translate('common.msg.confirm.tip')}</DialogTitle> | 
|---|
|  |  |  | <DialogContent> | 
|---|
|  |  |  | <DialogContentText> | 
|---|