ModusCreateOrg/budgeting

// @flow
import * as React from 'react';
import OnIdle from '@modus/react-idle';
import NavLink from 'components/NavLink';
import Logo from './Logo';
import styles from './style.scss';

const GitHubButton = React.lazy(() => import('components/GitHubButton' /* webpackChunkName: "gh-btn" */));

export default () => (
  <div className={styles.header}>
    <NavLink to="/budget" label="Budget" styles={styles} />
    <NavLink to="/reports" label="Reports" styles={styles} />
    <OnIdle>
      <GitHubButton className={styles.gitHubButton} type="Star" />
      <GitHubButton className={styles.gitHubButton} type="Fork" />
      <Logo />
    </OnIdle>
  </div>
);