content: import React from 'react';
  import { View, TextInput } from 'react-native';
  import PropTypes from 'prop-types';
  import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
  
  import styles from '../../styles';
  import theme from '../../../../theme';
  
  const { color } = theme;
  
  const PhoneNumber = ({ handlerText, form }) => (
    <View style={styles.countryCodeContainer}>
      <View style={styles.inputIcon}>
        <Icon name="cellphone-iphone" size={28} color={color.text} />
      </View>
      <TextInput
        style={styles.inputsText}
        onChangeText={text => handlerText('phone', text)}
        value={form.phone.number}
        placeholder="Número de teléfono"
        placeholderTextColor={color.grey3}
      />
    </View>
  );
  
  PhoneNumber.propTypes = {
    form: PropTypes.shape({
      phone: PropTypes.shape({
        number: PropTypes.string.isRequired,
      }),
    }).isRequired,
    handlerText: PropTypes.func.isRequired,
  };
  
  export default PhoneNumber;
  