formbricks-formbricks/apps/docs/hooks/use-mobile-navigation.tsx

import { createContext, useContext } from "react";
import { create } from "zustand";

export const IsInsideMobileNavigationContext = createContext(false);

export const useIsInsideMobileNavigation = (): boolean => {
  return useContext(IsInsideMobileNavigationContext);
};

export const useMobileNavigationStore = create<{
  isOpen: boolean;
  open: () => void;
  close: () => void;
  toggle: () => void;
}>()((set) => ({
  isOpen: false,
  open: () => {
    set({ isOpen: true });
  },
  close: () => {
    set({ isOpen: false });
  },
  toggle: () => {
    set((state) => ({ isOpen: !state.isOpen }));
  },
}));