import { create } from "zustand"

interface DestinationPageHotelsMapState {
  hoveredMarker: string | null
  activeMarker: string | null
  setHoveredMarker: (hotelId: string | null) => void
  setActiveMarker: (hotelId: string | null) => void
}

export const useDestinationPageHotelsMapStore =
  create<DestinationPageHotelsMapState>((set) => ({
    hoveredMarker: null,
    activeMarker: null,
    setHoveredMarker: (hotelId) => set({ hoveredMarker: hotelId }),
    setActiveMarker: (hotelId) => set({ activeMarker: hotelId }),
  }))