import PropTypes from 'prop-types';
import { useLayerClick, useLayer, useLayerPaint, useLayerSource, useID } from './hooks';
import { LAYER_TYPE_CIRCLE, LAYER_TYPE_FILL, LAYER_TYPE_LINE } from './constants';


const Layer = ({
  type,
  paint,
  geoJsonSource,
  onClick,
}) => {
  const layerId = useID();

  useLayer(layerId, { type, paint, geoJsonSource });
  useLayerSource(layerId, geoJsonSource);
  useLayerClick(layerId, onClick);
  useLayerPaint(layerId, paint);

  return null;
};

Layer.propTypes = {
  type: PropTypes.oneOf([
    LAYER_TYPE_CIRCLE,
    LAYER_TYPE_FILL,
    LAYER_TYPE_LINE,
  ]).isRequired,
  paint: PropTypes.object.isRequired,
  geoJsonSource: PropTypes.object.isRequired,
  onClick: PropTypes.func,
};

export default Layer;