text: import React, {Component} from 'react';
  import classes from './Modal.css';
  import Backdrop from '../Backdrop/Backdrop';
  class Modal extends Component{
      shouldComponentUpdate(nextProps, nextState){
          return nextProps.show !== this.props.show || nextProps.children !== this.props.children;
      }
      // componentWillUpdate(){
      //     console.log("[Modal] will update");
      // }
      render(){
          return (
              <React.Fragment>
              <Backdrop show={this.props.show} clicked={this.props.modalClosed}/>
          <div 
          className={classes.Modal}
          style={{transform: this.props.show ? "translateY(0)" : "translateY(-100Vh", opacity: this.props.show ? "1" : "0"}}
          >{this.props.children}</div>
          </React.Fragment>
          );
      }
  }
  export default Modal;