Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3478 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3470 stevensc 1 
import React from 'react';
2 
import { Modal as MuiModal } from '@mui/material';
3 
 
4 
import { useModal } from '@shared/hooks';
5 
import { Card, CardHeader, CardContent } from './card';
6 
 
7 
export function Modal() {
8 
  const { show, title, content, closeModal } = useModal();
9 
 
10 
  return (
11 
    <MuiModal open={show} onClose={closeModal}>
12 
      <Card
13 
        styles={{
14 
          maxWidth: '500px',
15 
          position: 'absolute',
16 
          top: '50%',
17 
          left: '50%',
18 
          transform: 'translate(-50%, -50%)'
19 
        }}
20 
      >
21 
        <CardHeader title={title} />
22 
        <CardContent>{content}</CardContent>
23 
      </Card>
24 
    </MuiModal>
25 
  );
26 
}