import type { NextPage } from 'next'
import { GroupProvider } from '../../components/contexts/GroupProvider'
import { getServerSidePropsGroupProvider, PropsGroupProvider } from '../../src/getServerSideProps'
import { PageDetails } from '../../components/visualize/PageDetails'

const Page: NextPage<PropsGroupProvider> = ({ id, ...initial }) => {
  return (
    <GroupProvider id={id} initial={initial}>
      <PageDetails />
    </GroupProvider>
  )
}

export const getServerSideProps = getServerSidePropsGroupProvider

export default Page