import PropTypes from 'prop-types'

import {jwennMizikEpiSlug, jwennTeks} from '../../lib/oki-api'

import Navigasyon from '../../components/navigasyon'
import TeksDrawer from '../../components/teks/teks-drawer'

export default function Mizik({miziks, mizik}) {
  return (
    <>
      <Navigasyon selectedTab={2} />
      <TeksDrawer miziks={miziks} mizik={mizik} />
    </>
  )
}

export async function getServerSideProps({query}) {
  const {slug} = query
  const miziks = await jwennTeks()
  const mizik = await jwennMizikEpiSlug(slug)

  if (mizik.length === 0) {
    throw new Error('San répons')
  }

  return {
    props: {
      miziks,
      mizik
    }
  }
}

Mizik.propTypes = {
  miziks: PropTypes.array.isRequired,
  mizik: PropTypes.array.isRequired
}