/**
 * WordPress dependencies
 */
import domReady from '@wordpress/dom-ready';
import { render } from '@wordpress/element';

/**
 * Internal dependencies
 */
import { ParselyRecommendations } from './components/parsely-recommendations';
import { RecommendationsStore } from './recommendations-store';

domReady( () => {
	const blocks = document.querySelectorAll( '.wp-block-wp-parsely-recommendations' );
	blocks.forEach( ( block ) =>
		render(
			<RecommendationsStore>
				{ /* @ts-ignore */ }
				<ParselyRecommendations { ...block.dataset } key={ block.id } />
			</RecommendationsStore>,
			block
		)
	);
} );