import { Flex } from '@tidbcloud/uikit'
import { lazy } from 'react'

import { ProjectPageShell } from '../components'
import { DedicatedOnly } from '../components/ProjectPageShell'

const MaintenanceWindow = lazy(() => import('dbaas/screens/Project/MaintenanceWindow'))

const MaintenanceWindowWrapper: React.FC<React.PropsWithChildren<unknown>> = () => {
  return (
    <ProjectPageShell
      bodyProps={{ px: 0, py: 0, sx: { position: 'relative' } }}
      title={
        <Flex align="center" justify="space-between">
          Maintenance
          <DedicatedOnly />
        </Flex>
      }
    >
      <MaintenanceWindow />
    </ProjectPageShell>
  )
}

export default MaintenanceWindowWrapper