import { useParams } from '@/router'
import UserDetail from '@/users/UserDetail'
import Container from '@inject/shared/components/Container'
import flexedPage from '@inject/shared/css/flexedPage'

const UserView = () => {
  const { userId } = useParams('/users/:userId')

  return (
    <Container className={flexedPage}>
      <UserDetail userId={userId} />
    </Container>
  )
}

export default UserView
