import { lazy, useEffect } from 'react'

import config from 'config'
import { ProjectPageShell } from 'dbaas/screens/ConsoleV2/components'

const GettingStarted = lazy(() => import('dbaas/screens/GettingStarted'))

const GettingStartedWrapper: React.FC<React.PropsWithChildren<unknown>> = () => {
  useEffect(() => {
    document.title = `${config.PAGE_TITLE_PREFIX}Getting Started`
  }, [])
  return (
    <ProjectPageShell title="Getting Started">
      <GettingStarted />
    </ProjectPageShell>
  )
}

export default GettingStartedWrapper