import { trackSplit, track } from 'ripple';
import { Portal } from '../../components/portal';
const INITIAL_CONTENT = '';
function copyStyles(sourceDoc: Document, targetDoc: Document) {
sourceDoc.querySelectorAll('style').forEach((style) => {
const newStyle = targetDoc.createElement('style');
newStyle.textContent = style.textContent;
targetDoc.head.appendChild(newStyle);
});
sourceDoc.querySelectorAll('link[rel="stylesheet"]').forEach((link) => {
const newLink = targetDoc.createElement('link');
newLink.rel = 'stylesheet';
newLink.href = (link as HTMLLinkElement).href;
targetDoc.head.appendChild(newLink);
});
}
export interface FrameProps {
children?: any;
title?: string;
width?: string;
height?: string;
}
export component Frame(props: FrameProps) {
const [children, localProps] = trackSplit(props, ['children']);
let mountTarget = track(null);