legalgo-FE-reactrouter/app/contexts/news.tsx

import {
  createContext,
  useState,
  useContext,
  type PropsWithChildren,
  type Dispatch,
  type SetStateAction,
} from 'react'

type NewsContextProperties = {
  isLoginOpen: boolean
  setIsLoginOpen: Dispatch<SetStateAction<boolean>>
  isRegisterOpen: boolean
  setIsRegisterOpen: Dispatch<SetStateAction<boolean>>
}

const NewsContext = createContext<NewsContextProperties | undefined>(undefined)

export const NewsProvider = ({ children }: PropsWithChildren) => {
  const [isLoginOpen, setIsLoginOpen] = useState(false)
  const [isRegisterOpen, setIsRegisterOpen] = useState(false)

  return (
    <NewsContext.Provider
      value={{ isLoginOpen, setIsLoginOpen, isRegisterOpen, setIsRegisterOpen }}
    >
      {children}
    </NewsContext.Provider>
  )
}

export const useNewsContext = (): NewsContextProperties => {
  const context = useContext(NewsContext)
  if (!context) {
    throw new Error('useNewsContext must be used within a NewsProvider')
  }
  return context
}