import React, {forwardRef,type ForwardedRef} from 'react';
import {
  Camera as VisionCamera,
  useFrameProcessor,
} from 'react-native-vision-camera';
import { useRunInJS } from 'react-native-worklets-core';
import { scanFaces } from './scanFaces';
import type { Frame, CameraTypes, FrameProcessor } from './types';

export const Camera = forwardRef(function Camera(props: CameraTypes,ref: ForwardedRef<any>) {
  const { callback, options, device } = props;
  // @ts-ignore
  const useWorklets = useRunInJS((data: object): void => {
    callback(data);
  }, []);
  const frameProcessor: FrameProcessor = useFrameProcessor(
    (frame: Frame): void => {
      'worklet';
      const data: object = scanFaces(frame, options);
      // @ts-ignore
      // eslint-disable-next-line react-hooks/rules-of-hooks
      useWorklets(data);
    },
    []
  );
  return (
    !!device && <VisionCamera ref={ref} frameProcessor={frameProcessor} {...props} />
  );
});