import PropTypes from 'prop-types'

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

import TeksDrawer from '../../components/teks/teks-drawer'
import HeadLayout from '../../components/head-layout'

export default function Mizik({miziks, mizik}) {
  return (
    <HeadLayout title={`Tèks | ${mizik[0].titre}`} tab={2}>
      <TeksDrawer miziks={miziks} mizik={mizik} />
    </HeadLayout>
  )
}

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
}