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 function Tasks (props) {
  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>
  )
}