/// <reference types="@uiw/react-baidu-map-types" />
import React, { useEffect, useImperativeHandle } from 'react';
import { OverlayProps } from '@uiw/react-baidu-map-map';
import { usePolyline } from './usePolyline';

export * from './usePolyline';
export interface PolylineProps extends BMap.PolylineOptions, BMap.PolylineEvents, OverlayProps {
  /**
   * 设置折线的点数组
   */
  path: BMap.Point[];
}

export default React.forwardRef<PolylineProps & { polyline?: BMap.Polyline }, PolylineProps>((props, ref) => {
  const { polyline, setPath } = usePolyline(props);
  // eslint-disable-next-line react-hooks/exhaustive-deps
  useEffect(() => setPath(props.path), [props.path]);
  useImperativeHandle(ref, () => ({ ...props, polyline }), [polyline, props]);
  return null;
});