CheckBox component React Native pure

CheckBox.ts

import React from 'react';
import { Feather } from '@expo/vector-icons';
import { View, TouchableOpacity, Text, StyleSheet } from 'react-native';

type CheckboxProps = {
  label: string,
  labelStyle: object,
  iconColor: string,
  onChange: () => void,
  value: boolean,
  checkColor: string
}

export default function CheckBox({ label, onChange, checkColor, iconColor, value, labelStyle }: CheckboxProps) {

  return (
    <View style={styles.wrapperCheckBox}>
      <TouchableOpacity onPress={onChange} style={[
        styles.checkBox,
        { borderColor: checkColor ? checkColor : '#fff' }
      ]}>
        {
          value ? <Feather name="check"
            style={{
              fontSize: 16,
              color: iconColor ? iconColor : '#fff'
            }}
          /> : null
        }
      </TouchableOpacity>
      <Text style={[styles.labelCheck, labelStyle]}>
        {label}
      </Text>
    </View>
  );
}

const styles = StyleSheet.create({
  checkBox: {
    width: 25,
    height: 25,
    borderWidth: 1,
    borderColor: '#000',
    justifyContent: "center",
    alignItems: "center"
  },
  wrapperCheckBox: {
    flexDirection: "row",
    alignItems: "center"
  },
  labelCheck: {
    color: '#fff',
    marginLeft: 6
  }
})