Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3538 stevensc 1 
import React from 'react';
2 
import { Box, Button, Modal, Typography } from '@mui/material';
3 
 
4 
import { useAlertModal } from '@shared/hooks';
5 
 
6 
import { Card, CardActions, CardContent } from './card';
7 
 
8 
export function AlertModal() {
9 
  const { show, message, closeAlert, onConfirm, onCancel } = useAlertModal();
10 
 
11 
  return (
12 
    <Modal open={show} onClose={closeAlert}>
13 
      <Box
14 
        sx={{
15 
          position: 'absolute',
16 
          top: '50%',
17 
          left: '50%',
18 
          transform: 'translate(-50%, -50%)',
19 
          display: 'flex',
20 
          justifyContent: 'center',
21 
          alignItems: 'center'
22 
        }}
23 
      >
24 
        <Card styles={{ maxWidth: '500px' }}>
25 
          <CardContent>
26 
            <Typography variant='h2'>{message}</Typography>
27 
          </CardContent>
28 
 
29 
          <CardActions>
30 
            <Button variant='contained' color='primary' onClick={onConfirm}>
31 
              Confirmar
32 
            </Button>
33 
            <Button variant='contained' color='primary' onClick={onCancel}>
34 
              Cancelar
35 
            </Button>
36 
          </CardActions>
37 
        </Card>
38 
      </Box>
39 
    </Modal>
40 
  );
41 
}