/**
 * Testimonial Block Wrapper
 */

// Setup the block
const { Component } = wp.element;

// Import block dependencies and components
import classnames from 'classnames';
import * as fontSize from './../../../utils/helper';

/**
 * Create a Testimonial wrapper Component
 */
export default class Testimonial extends Component {

	constructor( props ) {
		super( ...arguments );
	}

	render() {

		// Setup the attributes
		const { attributes: { testimonialAlignment, testimonialImgURL, testimonialBackgroundColor, testimonialTextColor, testimonialFontSize, testimonialCiteAlign }  } = this.props;

		return (
			<div 
				style={ {
					backgroundColor: testimonialBackgroundColor,
					color: testimonialTextColor,
				} }
				className={ classnames(
					this.props.className,
					testimonialCiteAlign,
					{ 'ab-has-avatar': testimonialImgURL },
					'ab-font-size-' + testimonialFontSize,
					'ab-block-testimonial'
				) }
			>
				{ this.props.children }
			</div>
		);
	}
}