import React from "react";


class Modal extends React.Component {


  constructor() {
    super();
    this.state = {};
  }

  render() {
    let {size = "lg", title, closebtn, show, onHide, children}= this.props;
    let style;
    if (show) {
      style = {display: "block"};
    }
    return (
      <div>
        {show ?
          <div className="modal-backdrop fade in">
          </div> : null
        }
        <div className={`modal  bs-example-modal-${size} fade in`} style={style}>
          <div className={`modal-dialog modal-${size}`}>
            <div className="modal-content">
              {title || closebtn ?
                <div className="modal-header">
                  {closebtn ? < button type="button" onClick={onHide} className="close"><span
                    aria-hidden="true">&times;</span></button> : null
                  }
                  <h4 className="modal-title" id="myModalLabel">{title || "" }&nbsp;</h4>
                </div>
                : null}
              {children}
            </div>
          </div>
        </div>
      </div>
    )
  }
}
export  default Modal