import './Editor.css';

function Editor() {
  function handleChange(event: React.ChangeEvent<HTMLTextAreaElement>) {
    console.log(event.target.value);
  }

  return (
    <div className="Editor">
      <div className="Editor-textwrapper">
        <div className="Editor-overlay"></div>
        <textarea onChange={handleChange} className="Editor-textarea">I have text</textarea>
      </div>
      <div className="Editor-ast"></div>
    </div>
  );
}

export default Editor;
