import React from 'react';
import { StyleSheet } from 'react-native';
import PropTypes from 'prop-types';

import { CustomIcon } from '../lib/Icons';
import { themes } from '../constants/colors';

const styles = StyleSheet.create({
	icon: {
		width: 22,
		height: 22,
		marginHorizontal: 15
	}
});

const Check = React.memo(({ theme }) => <CustomIcon style={styles.icon} color={themes[theme].tintColor} size={22} name='check' />);

Check.propTypes = {
	theme: PropTypes.string
};

export default Check;