import { ReactNode } from 'react';
import { StyleProp, ViewStyle } from 'react-native';

declare module 'react-native-custom-select' {
  type SelectItem = {
    key: string;
    value: string;
  };

  export interface SelectList {
    data: SelectItem[];
    value?: string;
    placeholder?: string;
    searchResult?: string;
    fontSize?: number;
    backgroundColor?: string;
    borderColor?: string;
    borderRadius?: number;
    defaultPadding?: number;
    containerStyle?: StyleProp<ViewStyle>;
    indexValue?: string;
    caretIcon?: ReactNode;
    closeIcon?: ReactNode;
    onChange: (value: string) => void;
  }

  export interface MultipleSelect {
    data: SelectItem[];
    value?: string;
    placeholder?: string;
    searchResult?: string;
    fontSize?: number;
    backgroundColor?: string;
    borderColor?: string;
    borderRadius?: number;
    defaultPadding?: number;
    containerStyle?: StyleProp<ViewStyle>;
    indexValue?: string;
    caretIcon?: ReactNode;
    closeIcon?: ReactNode;
    onChange: (value: string) => void;
  }
}