// 3rd party.
import React from 'react';
import {hot} from 'react-hot-loader/root';
// 1st party.
import ConnectionStatus from './connection-status';
import Damage from './damage';
import Menu from './menu';

const Ui = ({app}) => {
  return <React.Fragment>
    <Damage />
    <Menu app={app} />
    <ConnectionStatus socket={app.socket} />
  </React.Fragment>;
};

export default hot(Ui);