import { h } from 'preact';

import Timer from './Timer.jsx';
import LoginForm from './LoginForm.jsx';
import User from './User.jsx';

export default () => (
  <div id="app">
    <main>
      <h1>Pomodoro Time!</h1>
      <User />
      <Timer type="pomodoro" time={25 * 60 * 1000} />
      <Timer type="break" time={5 * 60 * 1000} />
      <LoginForm />
    </main>
  </div>
);