import { useEffect } from '@wordpress/element';

/**
 * Render dynamic styles for editor.
 *
 * @param  root0
 * @param  root0.children
 * @return {null} nothing.
 */
export default function StylesRender( { children } ) {
	useEffect( () => {
		const node = document.createElement( 'style' );
		node.innerHTML = children;
		document.body.appendChild( node );

		return () => document.body.removeChild( node );
	}, [ children ] );

	return null;
}
