/**
 * Background Video.
 *
 * @param {Object} attributes The attributes.
 * @returns {string} html content.
 */
function BackgroundVideo( attributes ) {
	const {
		backgroundImg,
		backgroundType,
		videoMuted,
		videoLoop,
	} = attributes;

	return [
		backgroundType === 'video' ?
			<div className="coblocks-video-bg position-absolute overflow-hidden w-full h-full pin-t pin-r pin-b pin-l">
				<video className="w-full h-full bg-center-center object-cover object-position" playsinline="" autoPlay="" muted={ videoMuted } loop={ videoLoop } src={ backgroundImg }></video>
			</div> :
			null,
	];
}

export default BackgroundVideo;