import { Route, Switch } from 'react-router-dom'

import { PageAccessGuard } from 'dbaas/contexts/access-control'

import { CreateRecoveryGroup } from './Create'
import { RecoveryGroupDetail } from './Detail'
import { ROOT_ROUTE } from './helper'
import { RecoveryGroupList } from './List'

export default function RecoveryGroup() {
  return (
    <Switch>
      <Route path={`${ROOT_ROUTE}/create`} exact>
        <PageAccessGuard id="RecoveryGroupWrite">
          <CreateRecoveryGroup />
        </PageAccessGuard>
      </Route>
      <Route path={`${ROOT_ROUTE}/detail/:id`} exact>
        <PageAccessGuard id="RecoveryGroupRead">
          <RecoveryGroupDetail />
        </PageAccessGuard>
      </Route>
      <Route path={`${ROOT_ROUTE}`}>
        <PageAccessGuard id="RecoveryGroupRead">
          <RecoveryGroupList />
        </PageAccessGuard>
      </Route>
    </Switch>
  )
}