import React from "react";
import "./App.scss";

class App extends React.Component {
  constructor() {
    super();
    this.state = {};
  }
  render() {
    return (
      <div className="App container-fluid vh-100">
        <div className="row">
          <div className="editor-topbar col-md-6 border border-dark border-2">
            <p>editor</p>
          </div>
          <div className="preview-topbar col-md-6 border border-dark border-2">
            <p>preview</p>
          </div>
        </div>
        <div className="row main-area h-100">
          <div className="col-md-6 h-100">
            <textarea
              className="h-100 form-control p-0 border border-dark border-2 rounded-0"
              id="editor"
            ></textarea>
          </div>
          <div className="col-md-6 h-100">
            <div
              className="h-100 border border-dark border-2"
              id="preview"
            ></div>
          </div>
        </div>
      </div>
    );
  }
}

export default App;