import * as React from 'react';
import styles from './HelloWorld.module.scss';
import { IHelloWorldProps } from './IHelloWorldProps';

export default class HelloWorld extends React.Component<IHelloWorldProps, {}> {
  private OtherComponent = React.lazy(() => import('./TestComponent' /* webpackChunkName: "testcomponent" */));

  public render(): React.ReactElement<IHelloWorldProps> {
    return (
      <div className={ styles.helloWorld }>
        Hello World!
        <React.Suspense fallback={<div>Loading...</div>}>
          <this.OtherComponent />
        </React.Suspense>
      </div>
    );
  }
}