import PropTypes from 'prop-types';

const colorMap = {
    white: '#fff',
    grey: '#555d66',
    give: '#66bb6a',
};

/**
 * Give Icon
 */
const GiveIcon = ({color = 'give', size = '24px', ...rest}) => (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 157.2 157.2" width={size} height={size} {...rest}>
        <circle fill={colorMap[color]} cx="78.6" cy="78.6" r="78.6" />
        <path
            fill="#fff"
            d="M89.8 84.2c.3.7 1 1.3 1 1.3 13.9 1.7 33.6-.2 48.6-2.2-8.6 18.5-24 30.8-38.1 30.8-26.5 0-46.9-32.1-46.9-32.1 8.2-7.2 21.7-30.8 41.2-30.8s28 10.7 28 10.7l2.2-3.5s-9.1-31.9-34.9-31.9-53.2 42.3-69.2 52c0 0 22 52.2 70.2 52.2 40.4 0 50.6-38.6 52.5-48.2 5.4-.8 9.9-1.6 12.8-2.1 1-2.2 2.1-6.1 1.3-11.3-16.1 6.2-40.5 13.2-69.1 13.2-.1 0 0 1 .4 1.9z"
        />
    </svg>
);

GiveIcon.propTypes = {
    color: PropTypes.oneOf(Object.keys(colorMap)),
    size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
};

export default GiveIcon;