/* eslint-disable jsx-a11y/iframe-has-title */
import { useRef, useEffect } from 'react';
import reset from './styleReset';
const IFrame = function IFrame(props) {
const {
code,
active,
className
} = props;
const self = useRef();
useEffect(() => {
const iframe = self.current;
if (iframe) {
let html = '';
if (active) {
html = `
${code}
`;
} else {
html = `
`;
}
iframe.contentWindow.document.open();
iframe.contentWindow.document.write(html);
iframe.contentWindow.document.close();
const height = iframe.contentWindow.document.body.offsetHeight;
iframe.style.height = `${height}px`;
}
}, [code, active]);
return ;
};
export default IFrame;