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

import { IInputStyles } from '../input/types'

export interface IOnChangePhoneNumberPayload {
  countryCode: string
  dialCode: string
  e164: string
  input: string
  isValid: boolean
}

export interface IPhoneInputProps {
  phoneNumber: string
  onChangePhoneNumber: (payload: IOnChangePhoneNumberPayload) => void
  onBlur?: () => void
  styles?: IPhoneInputStyles
  error?: string
  texts?: IPhoneInputTexts
  country?: string
}

export interface IPhoneInputTexts {
  label?: string
  customError?: string
}

export interface IPhoneInputStyles {
  rootContainer?: StyleProp<ViewStyle>
  country?: {
    container?: StyleProp<ViewStyle>
    button?: StyleProp<ViewStyle>
  }
  input?: IInputStyles
}