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

export interface InternalCardConfig {
  showPayButton: boolean;
  paymentButtonAction: string;
}

interface NativeComponentDimensions {
  width: Double;
  height: Double;
}

interface NativeProps extends ViewProps {
  config: InternalCardConfig;
  onDimensionsChanged: DirectEventHandler<NativeComponentDimensions> | null;
}

type CardComponentType = HostComponent<NativeProps>;

interface CardNativeCommands {
  submit: (viewRef: React.ElementRef<CardComponentType>) => void;
  tokenize: (viewRef: React.ElementRef<CardComponentType>) => void;
}

export const Commands: CardNativeCommands =
  codegenNativeCommands<CardNativeCommands>({
    supportedCommands: ['submit', 'tokenize'],
  });

export default codegenNativeComponent<NativeProps>('Card') as CardComponentType;