Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { Modal as MuiModal, IconButton } from '@mui/material';

import Close from '@mui/icons-material/Close';

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

        sx={{

          position: 'absolute',

          top: '50%',

          left: '50%',

          transform: 'translate(-50%, -50%)',

          maxWidth: { xs: '90vw', md: '500px' },

          width: '100%'

        }}

      >

        <CardHeader

          title={title}

          renderAction={() => (

            <IconButton onClick={closeModal}>

              <Close />

            </IconButton>

          )}

        />

        <CardContent styles={{ maxHeight: '70vh', overflowY: 'auto' }}>{content}</CardContent>

      </Card>

    </MuiModal>

  );

}