text: import React from 'react';
  import './Modal.css';
  
  const modal = props => (
      <div className="modal">
          <header className="modal-header"><h1>{props.title}</h1></header>
          <section className="modal-content">
              {props.children}
          </section>
          <section className="modal-actions">
              {props.canCancel && <button className="btn" onClick={props.onCancel}>Close</button>}
              {props.canConfirm && <button className="btn" onClick={props.onConfirm}>{props.confirmText}</button>}
          </section>
      </div>
  );
  
  export default modal;