function MainComponent() { const [description, setDescription] = React.useState(""); const [generatedCode, setGeneratedCode] = React.useState(""); const handleSubmit = async (e)=>{ e.preventDefault(); const response = await fetch("/generate-code", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ description }) }); const data = await response.json(); setGeneratedCode(data.code); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-gray-100", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, "AI Code Generator"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4 w-full max-w-[500px] bg-white p-8 rounded shadow-md", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto text-gray-700 mb-2", htmlFor: "description", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Enter Description:"), /*#__PURE__*/ React.createElement("textarea", { id: "description", name: "description", value: description, onChange: (e)=>setDescription(e.target.value), rows: "4", className: "w-full p-2 border border-gray-300 rounded", placeholder: "Describe the code you want generated...", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white text-lg font-roboto py-2 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "Generate")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 w-full max-w-[600px] bg-gray-50 p-6 rounded shadow-md whitespace-pre-wrap", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "Generated Code:"), /*#__PURE__*/ React.createElement("pre", { name: "generatedCode", className: "bg-[#f5f5f5] p-4 rounded border border-gray-300", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, generatedCode))); }