import React from "react";

export default class ModalForm extends React.Component {
  styles = {
    modal: {
      //padding: "50px",
      background: "#FFF",
      position: "fixed",
      top: "50%",
      left: "50%",
      WebkitTransform: "translate(-50%, -50%)",
      MsTransform: "translate(-50%, -50%)",
      transform: "translate(-50%, -50%)"
    }
  };
  render() {
    return (
      <div style={this.styles.modal}>
        <div style={{ display: "inline", background: "#CDC" }}>
          /{this.props.title}{" "}
          <div className="btn-group">
            <div style={{ background: "#F00", color: "#FFF" }}>X</div>
          </div>{" "}
        </div>
        <div>{this.props.children}</div>
      </div>
    );
  }
}