11import React from 'react' ;
22import "./Modal.css"
33
4- const Modal = ( { children, customClass , show, closeModal } ) => (
5- < div className = { `modal ${ customClass } } style = { { display : show ? 'block' : 'none' } } >
4+ const Modal = ( { children, className , show, closeModal } ) => (
5+ < div className = { `modal ${ className } } style = { { display : show ? 'block' : 'none' } } >
66 < div className = "overlay" onClick = { closeModal } />
77 < div className = "modal-content" >
88 { children }
@@ -14,14 +14,12 @@ const Modal = ({ children, customClass, show, closeModal }) => (
1414) ;
1515export default Modal ;
1616
17- 1817// Usecase
1918/*
2019class Test extends Component {
2120 state = {
2221 showModal: false
2322 };
24-
2523 toggleModal = () => {
2624 this.setState({
2725 showModal: !this.state.showModal
@@ -37,11 +35,10 @@ class Test extends Component {
3735 <Modal
3836 show={this.state.showModal}
3937 closeModal={this.toggleModal}>
40- this ok data
38+ <h4> here is modal data </h4>
4139 </Modal>
42-
4340 </div>
4441 );
4542 }
4643}
47- */
44+ */
0 commit comments