import MD5 from 'crypto-js/md5';
export default function Save( { attributes, className } ) {
	if ( attributes.size ) {
		var sizes = attributes.size;
	} else {
		var sizes = 200;
	}
	var height = sizes + 40;
	var mail = attributes.email;
	var addr = mail.toLowerCase().trim();
	var hash = MD5( addr ).toString();
	var url = '//www.gravatar.com/avatar/' + hash + '?s=' + sizes;

	return (
		<figure
			className={ className }
			style={ { width: sizes + 'px', height: height + 'px' } }
		>
			<img
				src={ url }
				alt={ attributes.alt }
				width={ sizes }
				height={ sizes }
			/>
			<figcaption>{ attributes.caption }</figcaption>
		</figure>
	);
}