import React from 'react';
import { observer } from 'mobx-react';

import LogoutBtn from './LogoutBtn';
import userState from './UserState';

const Home = observer(({ user }) => {
  if (!user.username) {
    return 'Loading...';
  }

  return (
    <div>
      <LogoutBtn />
      Hello {user.username}!
    </div>
  );
});

export default () => <Home user={userState} />;