// components/pois/PoiUpdateModalWrapper.js
import React, { useState } from "react";
import PoiUpdateModal from "./PoiUpdateModal";
import { useRecoilValue, useSetRecoilState } from "recoil";
import { currentPoiState, selectedPoiState } from "../../store/atoms/poiState";
import { poiReadFromDbTriggerAtom } from "../../store/atoms/poiReadFromDbTriggerAtom";

const PoiUpdateModalWrapper = ({ show, onClose, latlng }) => {
  const setSelectedPoi = useSetRecoilState(selectedPoiState);
  const setCurrentPoi = useSetRecoilState(currentPoiState);
  const currentPoi = useRecoilValue(currentPoiState);
  const poiReadTrigger = useRecoilValue(poiReadFromDbTriggerAtom);

  return (
    show && (
      <PoiUpdateModal
        onClose={onClose}
        poiData={currentPoi}
        onSubmit={() => {}} // Add your submit logic here
        latlng={latlng}
      />
    )
  );
};

export default PoiUpdateModalWrapper;