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 
 
3610 stevensc 6 
import { Card, CardActions, CardContent, CardHeader } from './card';
3538 stevensc 7 
 
8 
export function AlertModal() {
3610 stevensc 9 
  const { show, title, message, closeAlert, onConfirm, onCancel } = useAlertModal();
3538 stevensc 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' }}>
3610 stevensc 25 
          <CardHeader title={title} />
3538 stevensc 26 
          <CardContent>
27 
            <Typography variant='h2'>{message}</Typography>
28 
          </CardContent>
29 
 
30 
          <CardActions>
31 
            <Button variant='contained' color='primary' onClick={onConfirm}>
32 
              Confirmar
33 
            </Button>
34 
            <Button variant='contained' color='primary' onClick={onCancel}>
35 
              Cancelar
36 
            </Button>
37 
          </CardActions>
38 
        </Card>
39 
      </Box>
40 
    </Modal>
41 
  );
42 
}