import { popup } from "leaflet";
import { create } from "zustand";

interface MapStore {
	popup: {
		isOpen: boolean;
		lat: number;
		lng: number;
	} | null;
	map: {
		center: L.LatLngExpression;
		zoom: number;
	};
	setPopup: (popup: MapStore["popup"]) => void;
}

export const useMapStore = create<MapStore>((set, get) => ({
	map: {
		center: [51.5, 10.5],
		zoom: 6,
	},
	popup: null,
	setPopup: (popup) =>
		set((state) => ({
			popup: popup,
		})),
}));