import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
import type { ViewProps } from 'react-native';
import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
import type { HostComponent } from 'react-native';

import type {
  BubblingEventHandler,
  Double,
} from 'react-native/Libraries/Types/CodegenTypes';
import type { Coordinates } from './types';

export interface NativeProps extends ViewProps {
  onMapReady?: BubblingEventHandler<
    Readonly<{
      success: boolean;
    }>
  >; // onMapReadyType; //(_: onMapReadyType) => void;
  onCameraMoveEnd?: BubblingEventHandler<
    Readonly<{
      longitude: Double;
      latitude: Double;
      zoomLevel: Double;
    }>
  >;
  onCameraMoveBegin?: BubblingEventHandler<Readonly<{}>>;
  onClickBuilding?: BubblingEventHandler<
    Readonly<{
      buildingId: string;
      buildingHeight: Double;
      longitude: Double;
      latitude: Double;
    }>
  >;
}

export default codegenNativeComponent<NativeProps>(
  'Wrld3dView'
) as HostComponent<NativeProps>;

type Wrld3dViewNativeComponentType = HostComponent<NativeProps>;

interface NativeCommands {
  create: (
    viewRef: React.ElementRef<Wrld3dViewNativeComponentType>,
    viewId: string
  ) => void;
  setBuildingHighlight: (
    viewRef: React.ElementRef<Wrld3dViewNativeComponentType>,
    buildingId: string,
    color: string,
    buildingCoordinates: Coordinates
  ) => void;
  removeBuildingHighlight: (
    viewRef: React.ElementRef<Wrld3dViewNativeComponentType>,
    buildingId: string
  ) => void;
}

export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
  supportedCommands: [
    'create',
    'setBuildingHighlight',
    'removeBuildingHighlight',
  ],
});