/* eslint-disable implicit-arrow-linebreak */
/* eslint-disable no-unused-vars */
import React, { useEffect, useMemo, useRef, useState } from 'react'

import L from 'leaflet'
import './L.VectorGrid.VectorPoi'

import { createTileLayerComponent, createElementObject, updateGridLayer } from '@react-leaflet/core'

const VectorPoi = createTileLayerComponent(
  function createBetterWMSLayer({ url, options }, context) {
    const layer = new L.vectorGrid.vectorpoi(url, options, context)
    layer.on('click', (e) => {
      const { properties } = e.layer
      console.log(e)
    })
    return createElementObject(layer, context)
  },
  (layer, props, prevProps) => {
    updateGridLayer(layer, props, prevProps)

    if (props.params !== null && props.params !== prevProps.params) {
      layer.setParams(props.params)
    }
  }
)

export default VectorPoi