// @ts-ignore
import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
import type { HostComponent, ViewProps } from 'react-native';
// @ts-ignore
import type { WithDefault, Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';

interface NativeProps extends ViewProps {
  blurAmount?: WithDefault<Float, 10>;
  blurType?: string;
  overlayColor?: string;
  reducedTransparencyFallbackColor?: string;
  blurRadius?: WithDefault<Int32, 4>;
  enabled?: WithDefault<boolean, true>;
  progressiveBlurDirection?: WithDefault<string, 'none'>;
  progressiveStartIntensity?: WithDefault<Float, 1>;
  progressiveEndIntensity?: WithDefault<Float, 0>;
  noiseFactor?: WithDefault<Float, 0.08>;
}

const COMPONENT_NAME = 'BlurVibeView';

const globalRef = globalThis as unknown as {
  __reactNativeBlurVibeComponents?: Record<string, unknown>;
};

if (!globalRef.__reactNativeBlurVibeComponents) {
  globalRef.__reactNativeBlurVibeComponents = {};
}

const cache = globalRef.__reactNativeBlurVibeComponents;

const NativeBlurVibeView: HostComponent<NativeProps> =
  (cache[COMPONENT_NAME] as HostComponent<NativeProps> | undefined) ??
  (cache[COMPONENT_NAME] = codegenNativeComponent<NativeProps>(
    COMPONENT_NAME
  ) as HostComponent<NativeProps>);

export default NativeBlurVibeView;