function MainComponent() { const [url, setUrl] = React.useState(''); const [clonedContent, setClonedContent] = React.useState(null); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const handleClone = async ()=>{ setLoading(true); setError(null); try { const response = await fetch('/integrations/google-gemini/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: `Clone the website at ${url}. Provide the HTML structure, CSS styles, and any necessary JavaScript to replicate the main functionality and design.` } ] }) }); const data = await response.json(); const clonedHtml = data.choices[0].message.content; setClonedContent(clonedHtml); } catch (err) { setError('Failed to clone the website. Please try again.'); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-8 font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-8 text-center text-blue-600", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, "Advanced Website Cloner"), /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "url", name: "website-url", value: url, onChange: (e)=>setUrl(e.target.value), placeholder: "Enter website URL to clone", className: "w-full px-4 py-2 mb-4 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleClone, disabled: loading || !url, className: `w-full py-2 px-4 rounded-md text-white font-semibold ${loading || !url ? 'bg-gray-400 cursor-not-allowed' : 'bg-blue-600 hover:bg-blue-700'}`, __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, loading ? 'Cloning...' : 'Clone Website'), error && /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-red-600", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, error), clonedContent && /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Cloned Website Preview"), /*#__PURE__*/ React.createElement("div", { className: "border border-gray-300 rounded-md p-4 h-[600px] overflow-auto", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { srcDoc: clonedContent, title: "Cloned Website", className: "w-full h-full", sandbox: "allow-scripts", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }))))); }