29 lines
1004 B
JavaScript
29 lines
1004 B
JavaScript
import React from 'react';
|
|
import Button from './button';
|
|
import './styles/modal.css';
|
|
import './styles/app.css';
|
|
const confirmStyle = {
|
|
backgroundColor: '#0495FC',
|
|
color: 'white'
|
|
}
|
|
const Modal = ({ show, content, handleSubmit, handleClose }) => {
|
|
const handleClickOff = (event) => {
|
|
if (event.target.classList.contains('modal-container'))
|
|
handleClose();
|
|
}
|
|
return show ?
|
|
<div className='modal-container' onClick={handleClickOff}>
|
|
<div className='modal-content'>
|
|
<div className='modal-body'>
|
|
{content}
|
|
</div>
|
|
<div className='modal-action'>
|
|
<Button label='cancel' onClick={handleClose} className='btn btn-close' />
|
|
{handleSubmit && <Button style={confirmStyle} form='id' label='submit' onClick={handleSubmit} className='btn btn-submit' />}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
: null;
|
|
}
|
|
|
|
export default Modal; |