import codegenNativeComponent, {
  type NativeComponentType,
} from 'react-native/Libraries/Utilities/codegenNativeComponent';
import type {
  BubblingEventHandler,
  DirectEventHandler,
  Double,
} from 'react-native/Libraries/Types/CodegenTypes';
import type { NativeMethods, ViewProps } from 'react-native';
import { Component } from 'react';
import { codegenNativeCommands } from 'react-native';

export interface InitialRegion {
  latitude: Double;
  longitude: Double;
  zoom?: Double;
}

export interface Point {
  latitude: Double;
  longitude: Double;
}

export interface DgisMapNativeProps extends ViewProps {
  onTap?: BubblingEventHandler<Point>;
  onLongTouch?: BubblingEventHandler<Point>;
  onMapLoaded?: DirectEventHandler<undefined>;
  center?: InitialRegion;
}

export type DgisMapNativeRef = Component<DgisMapNativeProps, {}, any> &
  Readonly<NativeMethods>;
export type DgisMapComponentType = NativeComponentType<DgisMapNativeProps> &
  Readonly<DgisMapNativeCommands>;

export interface DgisMapNativeCommands {
  fitAllMarkers: (
    viewRef: React.ElementRef<DgisMapComponentType>,
    args: Array<
      Readonly<{
        duration?: number;
      }>
    >
  ) => void;
  setZoom: (
    viewRef: React.ElementRef<DgisMapComponentType>,
    args: Array<
      Readonly<{
        zoom: Double;
        duration: Double;
      }>
    >
  ) => void;
  zoomIn: (viewRef: React.ElementRef<DgisMapComponentType>) => void;
  zoomOut: (viewRef: React.ElementRef<DgisMapComponentType>) => void;
}

export const Commands = codegenNativeCommands<DgisMapNativeCommands>({
  supportedCommands: ['fitAllMarkers', 'setZoom', 'zoomIn', 'zoomOut'],
});

export default codegenNativeComponent<DgisMapNativeProps>('DgisMapView');