import { PageAccessGuard } from 'dbaas/contexts/access-control'
import PremiumDmJobDetail from 'dbaas/screens/DataMigration/DMJobDetail/Premium'
import { TiDBPageShell } from 'dbaas/screens/NextGen/tidb-mgmt-container/shared/TiDBPageShell'

import { PremiumDmPageTitle } from './PremiumDmPageTitle'

const DataMigrationDetailPremium = () => {
  return (
    <TiDBPageShell
      title={<PremiumDmPageTitle page="detail">Data Migration Job Detail</PremiumDmPageTitle>}
      headerProps={{ withBack: true }}
    >
      <PageAccessGuard id="TidbxDMView">
        <PremiumDmJobDetail />
      </PageAccessGuard>
    </TiDBPageShell>
  )
}

export default DataMigrationDetailPremium