fs-walle-react-ts/src/App.tsx

import * as React from 'react';
import { LexEditor } from './LexComponents';
import { Header, Icon, Segment } from 'semantic-ui-react';

export class App extends React.Component<{}, null> {
  render() {
    return (
      <div>
        <Segment inverted={true} size="tiny" attached={true}>
          <Header inverted={true} color="teal" size="mini">
            <Icon name="edit" size="small" />
            <Header.Content>
              Freespeech Lexicon Editor
            </Header.Content>
          </Header>
        </Segment>
        <LexEditor fileName="/new_es.xml" />
      </div>
    );
  }
}