import * as React from 'react';
import LexEditor from './LexComponents';
// import { Table } from '@blueprintjs/table';
// const logo = require('./logo.svg');

class App extends React.Component<{}, null> {
  render() {
    return (
      <div>
        <nav className="pt-navbar pt-dark">
          <div className="pt-navbar-group pt-align-left">
            <button
              className="pt-button pt-minimal pt-icon-large pt-icon-edit"
            />
            <div className="pt-navbar-heading">Freespeech Lexicon Editor</div>
          </div>
        </nav>
        <LexEditor fileName="/new_es.xml" />
      </div>
    );
  }
}

export default App;