function MainComponent() { const [interests, setInterests] = useState(''); const [generatedBio, setGeneratedBio] = useState(''); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const generateBio = async ()=>{ if (!interests.trim()) { setError('Please enter your interests first'); return; } setLoading(true); setError(null); try { const response = await fetch('/api/generate-bio', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ interests: interests.trim(), personality: 'creative, professional' }) }); if (!response.ok) { throw new Error(`Error: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setGeneratedBio(data.bio); } catch (err) { setError('Something went wrong. Please try again.'); console.error('Bio generation error:', err); } finally{ setLoading(false); } }; const copyToClipboard = async ()=>{ try { await navigator.clipboard.writeText(generatedBio); const originalText = generatedBio; setGeneratedBio('Copied to clipboard!'); setTimeout(()=>setGeneratedBio(originalText), 1000); } catch (err) { console.error('Failed to copy text:', err); setError('Failed to copy to clipboard'); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white bg-opacity-50 p-4 md:p-8", __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-extrabold text-gray-900 mb-12 text-center font-inter tracking-tight", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Twitter Bio Generator"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "interests", className: "w-full p-4 border border-gray-200 rounded-lg text-gray-900 bg-transparent font-inter text-md resize-none focus:ring-2 focus:ring-gray-900 focus:border-transparent", rows: 4, placeholder: "Tell us about yourself, your interests, or what you do...", value: interests, onChange: (e)=>setInterests(e.target.value), __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: generateBio, disabled: loading || !interests.trim(), className: "w-full md:w-auto px-6 py-3 bg-gray-900 text-white rounded-md font-inter hover:bg-gray-800 disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200", __source: { fileName: "", lineNumber: 75, columnNumber: 1 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }), "Generating...") : 'Generate Bio'), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 font-inter text-sm bg-red-50 p-3 rounded-md", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, error), generatedBio && !loading && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-6 border border-gray-200 rounded-lg relative bg-white bg-opacity-70", __source: { fileName: "", lineNumber: 98, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-900 font-inter text-lg mb-4", __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }, generatedBio), /*#__PURE__*/ React.createElement("button", { onClick: copyToClipboard, className: "absolute top-4 right-4 text-gray-500 hover:text-gray-700 transition-colors duration-200", "aria-label": "Copy to clipboard", __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy text-lg", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 text-center", __source: { fileName: "", lineNumber: 111, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 112, columnNumber: 7 }, __self: this }, "Try Galaxyz For Free"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-700 mb-8", __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this }, "Join Thousands Of Professionals Automating Their Social Media Content"), /*#__PURE__*/ React.createElement("a", { href: "https://galaxyz.io/", target: "_blank", rel: "noopener noreferrer", className: "inline-block px-8 py-4 bg-gray-900 text-white rounded-md font-inter hover:bg-gray-800 transition-all duration-200", __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }, "Get started now")))))); }