text: import React, { useRef, useLayoutEffect } from "react";
  import atomize from "@quarkly/atomize"; // Put your HTML here:
  
  const customHtml = `
  <!-- Yandex.Metrika counter -->
  <script type="text/javascript" >
     (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
     m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
     (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
  
     ym(66845680, "init", {
          clickmap:true,
          trackLinks:true,
          accurateTrackBounce:true,
          webvisor:true
     });
  </script>
  <noscript><div><img src="https://mc.yandex.ru/watch/66845680" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
  <!-- /Yandex.Metrika counter -->
  `;
  
  const EmbedHTML = ({
  	children,
  	...props
  }) => {
  	const ref = useRef(null);
  	useLayoutEffect(() => {
  		ref.current.innerHTML = customHtml;
  	}, []);
  	return <div {...props} ref={ref} />;
  };
  
  export default atomize(EmbedHTML)({
  	name: "EmbedHTML",
  	normalize: true,
  	mixins: true
  });