import { PageAccessGuard } from 'dbaas/contexts/access-control'
import { PageShell } from 'dbaas/layouts/v5/page'
import useStores from 'dbaas/stores/useStores'

import { CreatePremiumForm } from './CreatePremiumForm'

export const CreatePremiumHome = () => {
  const {
    store: {
      lastVisitLocation: { projectId }
    }
  } = useStores()

  return (
    <PageShell title="Create Instance" headerProps={{ withBack: true }} bodyProps={{ pb: 96 }}>
      <PageAccessGuard id="TidbxCreateInProject" scopeProps={{ projectId }}>
        <CreatePremiumForm />
      </PageAccessGuard>
    </PageShell>
  )
}