import React from 'react';
import { CheckBox } from 'react-native-elements';

import colors from '../../config/colors.json';

const TagferCheckbox = ({ isChecked, onPress }) => (
  <CheckBox
    iconRight
    iconType='ionicon'
    checkedIcon='ios-checkmark-circle'
    uncheckedIcon='ios-add-circle-outline'
    onIconPress={onPress}
    onPress={onPress}
    uncheckedColor={colors.addGreen}
    checkedColor={colors.labelBlue}
    checked={isChecked}
    size={36}
    containerStyle={styles.checkboxConainer}
  />
);

const styles = {
  checkboxConainer: {
    backgroundColor: colors.transparent,
    borderWidth: 0, 
    margin: 0, 
    padding: 0, 
    marginRight: 0 
  }
};

export default TagferCheckbox;
