import type { Route } from './+types/task.new'
import { Container, Box } from '@mui/material'
import { TaskForm } from '~/components/TaskForm'

export function meta(_: Route.MetaArgs) {
  return [
    { title: "Captain's Log - New Task" },
    { name: 'description', content: 'Create a new task' },
  ]
}

export default function NewTask() {
  return (
    <Container maxWidth="md">
      <Box sx={{ py: 4 }}>
        <TaskForm />
      </Box>
    </Container>
  )
}