import Box from '@mui/material/Box'
import {notFound} from 'next/navigation'

import {jwennDenyeTeks} from '../../lib/oki-api'
import DenyeTeks from '../../components/teks/denye-teks'
import Footer from '../../components/footer'

async function jwennDone() {
  const denyeTeks = await jwennDenyeTeks()

  if (!denyeTeks) {
    notFound()
  }

  return denyeTeks
}

export default async function PawolPaj() {
  const denyeTeks = await jwennDone()

  return (
    <Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
      <Box
        component='main'
        sx={{flexGrow: 1, p: 2, mt: 2}}
      >
        <DenyeTeks denyeTeks={denyeTeks} />
      </Box>
      <Footer />
    </Box>
  )
}