function FramerMotion(props) { const [mounted, setMounted] = useState(false); const ref = useRef(null); useEffect(()=>{ const checkRef = setInterval(()=>{ if (window.Motion) { clearInterval(checkRef); } if (ref.current) { clearInterval(checkRef); window.React = React; const script = document.createElement("script"); script.src = "https://cdn.jsdelivr.net/npm/framer-motion@11.11.17/dist/framer-motion.min.js"; script.type = "module"; script.onload = ()=>{ setMounted(true); }; ref.current.appendChild(script); } }, 100); return ()=>{ clearInterval(checkRef); if (ref.current) { const script = ref.current.querySelector("script"); if (script) { ref.current.removeChild(script); } } delete window.motion; }; }, []); const mountElm = /*#__PURE__*/ React.createElement("div", { className: "hidden", ref: ref, __source: { fileName: "", lineNumber: 35, columnNumber: 20 }, __self: this }); return mounted ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(window.Motion.motion.div, { ...props, __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }), mountElm) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { ...props, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }), mountElm); } function FramerMotionStory() { return /*#__PURE__*/ React.createElement(FramerMotion, { __source: { fileName: "", lineNumber: 50, columnNumber: 10 }, __self: this }); } function MainComponent() { const [selectedPrototype, setSelectedPrototype] = React.useState(null); const [iframeLoading, setIframeLoading] = React.useState(true); const handleIframeLoad = ()=>{ setIframeLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1B1B1B] text-white", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-screen", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, iframeLoading && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-[#1B1B1B] z-20", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-4", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 border-4 border-[#FF00FF] border-t-transparent rounded-full animate-spin", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-white/70", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, "Loading ATO Navigator..."))), /*#__PURE__*/ React.createElement("iframe", { src: "https://ato-navigator-michelle114.replit.app/", className: "w-full h-full border-0", onLoad: handleIframeLoad, title: "ATO Navigator Prototype", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, ` body { margin: 0; padding: 0; overflow: hidden; } `)); }