Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Modal as MuiModal } from '@mui/material';

import { useModal } from '@shared/hooks';
import { Card, CardHeader, CardContent } from './card';

export function Modal() {
  const { show, title, content, closeModal } = useModal();

  return (
    <MuiModal open={show} onClose={closeModal}>
      <Card
        styles={{
          maxWidth: '500px',
          position: 'absolute',
          top: '50%',
          left: '50%',
          transform: 'translate(-50%, -50%)',
          maxHeight: '80vh',
          overflowY: 'auto'
        }}
      >
        <CardHeader title={title} />
        <CardContent>{content}</CardContent>
      </Card>
    </MuiModal>
  );
}