import { useNavigate } from 'react-router-dom'
import ProjectForm from '../project/ProjectForm'

export default function OnboardingProject() {
    const navigate = useNavigate()
    return (
        <>
            <h1>Project Setup</h1>
            <p>
                {
                    `At Parcelvoy, projects represent a single workspace for sending messages.
                    You can use them for creating staging environments, isolating different clients, etc.
                    Let's create your first one to get you started!`
                }
            </p>
            <ProjectForm
                onSave={({ id }) => navigate('/projects/' + id)}
            />
        </>
    )
}
