'use client'

import { loginUserStore } from '@/store/commonAtom'
import { createContext, useEffect, useState } from 'react'
import { useRecoilState } from 'recoil'

export const SessionContext = createContext({
  session: {},
})

export default function SessionProvider({ useSession, children }) {
  const [session, setSession] = useState(useSession)
  const [loginUserState, setLoginUserState] = useRecoilState(loginUserStore)

  useEffect(() => {
    setLoginUserState(session)
  }, [session])

  return <SessionContext.Provider value={{ session }}>{children}</SessionContext.Provider>
}