import { h, Component } from 'preact'
import { Link } from 'react-router-dom'

import TaskForm from '../../containers/taskForm.js'
import TaskList from '../../containers/taskList.js'

export default class Tasks extends Component {
  render() {
    return (
      <div class='column'>
        <div class='window'>
          <div class='heading'>
            <b>create task</b>
          </div>
          <TaskForm />
        </div>
        <div class='window'>
          <div class='heading'>
            <b>recent tasks</b>
          </div>
          <TaskList />
        </div>
      </div>
    )
  }
}