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

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

const drawerWidth = 240

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'}}>
      <Box
        component='main'
        sx={{flexGrow: 1, p: 2, mt: 2, width: {sm: `calc(100% - ${drawerWidth}px)`}}}
      >
        <DenyeTeks denyeTeks={denyeTeks} />
      </Box>
    </Box>
  )
}