import * as React from "react";
import Frame, { resizeObserverScript } from "../components/Frame";
import { EmbedProps as Props } from ".";
function GitLabSnippet(props: Props) {
const frame = React.useRef(null);
const [height, setHeight] = React.useState(400);
const snippetUrl = new URL(props.attrs.href);
const id = snippetUrl.pathname.split("/").pop();
const snippetLink = `${snippetUrl}.js`;
const snippetScript = `${resizeObserverScript}`;
const styles =
"";
const iframeHtml = `${styles}${snippetScript}`;
React.useEffect(() => {
const handler = (event: MessageEvent<{ type: string; value: number }>) => {
if (event.data.type === "frame-resized") {
setHeight(event.data.value);
}
};
window.addEventListener("message", handler);
return () => window.removeEventListener("message", handler);
}, []);
return (
);
}
export default GitLabSnippet;