import {useState, useEffect} from 'react'
import {useSession} from 'next-auth/client'
import HeadLayout from '../components/head-layout'
import Koneksyon from '../components/kont/koneksyon'
import Dekoneksyon from '../components/kont/dekoneksyon'

export default function Kont() {
  const [session] = useSession()

  return (
    <HeadLayout title='Kont' tab={3} slug='kont'>
      {!session && (
        <Koneksyon />
      )}
      {session && session.user && (
        <Dekoneksyon />
      )}
    </HeadLayout>
  )
}