import { create } from "zustand";
import { immer } from "zustand/middleware/immer";

const store = (set) => ({
  popup: null,

  setPopup: (feature) => {
    set((state) => {
      if (!feature) {
        state.popup = null;
        return state;
      }
      state.popup = {
        feature,
        coordinates: feature.coordinates,
      };
    });
  },
});

export const usePopup = create(immer(store));