// 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 WorldTime from './world-time';

const Ui = ({socket, worldTime}) => {
  return <React.Fragment>
    <Damage />
    <WorldTime worldTime={worldTime} />
    <ConnectionStatus socket={socket} />
  </React.Fragment>;
};

export default hot(Ui);