import React, { ReactElement } from 'react'
import Publish from '../components/Publish'
import Page from '@shared/Page'
import OceanProvider from '@context/Ocean'
import content from '../../content/pages/publish/index.json'
import router from 'next/router'

export default function PagePublish(): ReactElement {
  const { title, description } = content

  return (
    <OceanProvider>
      <Page title={title} description={description} uri={router.route}>
        <Publish content={content} />
      </Page>
    </OceanProvider>
  )
}
