/**
 * Accordion Wrapper
 */

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

// Import block dependencies and components
import classnames from 'classnames';

/**
 * Create a Accordion wrapper Component
 */
export default class Accordion extends Component {
	render() {
		return (
			<div
				className={ classnames(
					this.props.className,
					this.props.attributes.accordionAlignment
						? 'gb-align-' + this.props.attributes.accordionAlignment
						: undefined,
					'gb-block-accordion',
					this.props.attributes.accordionFontSize
						? 'gb-font-size-' +
								this.props.attributes.accordionFontSize
						: null
				) }
			>
				{ this.props.children }
			</div>
		);
	}
}
