Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3470 | Rev 3526 | Ir a la última revisión | | Comparar con el anterior | 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%',
3478 stevensc 18
          transform: 'translate(-50%, -50%)',
19
          maxHeight: '80vh',
20
          overflowY: 'auto'
3470 stevensc 21
        }}
22
      >
23
        <CardHeader title={title} />
24
        <CardContent>{content}</CardContent>
25
      </Card>
26
    </MuiModal>
27
  );
28
}