text: import Card from './Card'
  function Modal(props) {
  
      // Aqui iremos atualizar nosso estado para updatedIems
      function hideModal(e) {
          let target = e.target
  
          // Se clicarmos dentro do modal nada acontece, apesar dele disparar o hideModal, mas se clicarmos fora do modal o modal irá desaparecer.
          if (target.id === 'modal') {
              props.onHideModal()
          }
          console.log(target)
      }
  
      return (<div id='modal' onClick={hideModal} className={props.show ? 'modal' : 'modal hide'}>
          {/* Aqui iremos criar um card no meio do nosso modal e dentro desse card irá entrar de fato o conteúdo do mesmo, sendo que esse conteúdo irá ser passado quando estivermos criando um modal no nosso outro componente. */}
          < Card className='cardModal' >
  
              {/* Isso nos permite que, em vez de passarmos o valor do conteúdo aqui no nosso componente, podemos passar quando estamos criando ele em Todo.js. */}
              {props.children}
          </Card >
  
      </div >
  
      )
  }
  
  export default Modal
  
  