import { AppContext } from "~/contexts/AppContext"
import { useContext } from "react"

function useAppContext() {
  const {
    isMobile,
    setIsMobile,
    backgroundRemove,
    setBackgroundRemove,
    activePanel,
    setActivePanel,
    templates,
    setTemplates,
    shapes,
    setShapes,
    activeSubMenu,
    setActiveSubMenu,
    uploads,
    setUploads,
    currentTemplate,
    setCurrentTemplate,
    backgroundColor,
    setBackgroundColor,
    dimensions,
    setDimensions,
    fonts,
    setFonts,
    isSaving,
    setIsSaving,
    isShowMobileModal,
    setIsShowMobileModal,
    isAssetLoading,
    setIsAssetLoading,
    ignoreAppOptions,
    setIgnoreAppOptions,
    stickerParams,
    setStickerParams,
    params,
    setParams,
    referral_template_id,
    setReferralTemplateId,
    template_collaborations,
    setTemplateCollaborations,
  } = useContext(AppContext)

  return {
    backgroundColor,
    setBackgroundColor,
    backgroundRemove,
    setBackgroundRemove,
    dimensions,
    setDimensions,
    isMobile,
    setIsMobile,
    activePanel,
    setActivePanel,
    templates,
    setTemplates,
    shapes,
    setShapes,
    activeSubMenu,
    setActiveSubMenu,
    uploads,
    setUploads,
    currentTemplate,
    setCurrentTemplate,
    fonts,
    setFonts,
    isSaving,
    setIsSaving,
    isShowMobileModal,
    setIsShowMobileModal,
    isAssetLoading,
    setIsAssetLoading,
    ignoreAppOptions,
    setIgnoreAppOptions,
    stickerParams,
    setStickerParams,
    params,
    setParams,
    referral_template_id,
    setReferralTemplateId,
    template_collaborations,
    setTemplateCollaborations
  }
}

export default useAppContext