'use client'

import { createContext, useState } from 'react'
import { ErrorBoundary } from 'next/dist/client/components/error-boundary'
import { useCommonCode } from '@/hooks/common/useCommonCode'
import ServerError from './error'

import '@/styles/common.scss'

export const QcastContext = createContext({
  qcastState: {},
  setQcastState: () => {},
  isGlobalLoading: false,
  setIsGlobalLoading: () => {},
})

export const QcastProvider = ({ children }) => {
  const [isGlobalLoading, setIsGlobalLoading] = useState(true)

  const [qcastState, setQcastState] = useState({
    saleStoreId: '',
    saleStoreName: '',
    objectList: [],
    businessCharger: null,
    businessChargerMail: null,
  })

  return (
    <>
      <QcastContext.Provider value={{ qcastState, setQcastState, isGlobalLoading, setIsGlobalLoading }}>
        <ErrorBoundary fallback={<ServerError />}>{children}</ErrorBoundary>
      </QcastContext.Provider>
    </>
  )
}