import PropTypes from 'prop-types'

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

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

export default function Teks({teks, denyeTeks}) {
  return (
    <HeadLayout title='Paroles et Traductions' tab={1} slug='paroles'>
      <TeksDrawer teks={teks} denyeTeks={denyeTeks} />
    </HeadLayout>
  )
}

export async function getServerSideProps() {
  const teks = await jwennTeks()
  const denyeTeks = await jwennDenyeTeks()

  return {
    props: {
      teks,
      denyeTeks
    }
  }
}

Teks.propTypes = {
  teks: PropTypes.array.isRequired,
  denyeTeks: PropTypes.array.isRequired
}