import * as React from 'react';
import { FocusStyleManager } from '@blueprintjs/core';
// import { Table, Cell, Column } from '@blueprintjs/table';

FocusStyleManager.onlyShowFocusOnTabs();

// const logo = require('./logo.svg');

class App extends React.Component<{}, null> {
  render() {
    return (
      <nav className="pt-navbar pt-dark-app-background-color">
        <div className="pt-navbar-group pt-align-left">
          <span className="pt-icon-large pt-icon-edit pt-intent-success"/>
          <div className="pt-navbar-heading">Lex Editor</div>
        </div>
      </nav>
    );
  }
}

// class LexEditor extends React.Component<{}, null> {
//   render() {
//     const renderCell = (rowIndex: number) => {
//         return <Cell>{`$${(rowIndex * 10).toFixed(2)}`}</Cell>;
//     };
//     return (
//         <Table numRows={10}>
//             <Column name="Dollars" renderCell={renderCell}/>
//         </Table>
//     );
//   }
// }

export default App;
