function MainComponent() { const handleSubmit = (e)=>{ e.preventDefault(); const imgUpload = e.target.elements.imgUpload.files[0]; const modelName = e.target.elements.modelName.value; if (imgUpload && modelName) { console.log("Image File:", imgUpload); console.log("Model Name:", modelName); // Simulate 3D model generation alert(`3D model ${modelName} generated from image ${imgUpload.name}`); } else { alert("Please upload an image and enter a model name."); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-gray-900 text-white font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "3D Game Assets Modeler"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-8", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, "Create 3D models from 2D images"), /*#__PURE__*/ React.createElement("form", { className: "w-[400px] p-6 bg-gray-800 rounded", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-semibold", htmlFor: "imgUpload", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Upload Your 2D Image"), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-4 p-2 bg-gray-700 rounded", type: "file", name: "imgUpload", accept: "image/*", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-semibold", htmlFor: "modelName", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "Model Name"), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-4 p-2 bg-gray-700 rounded", type: "text", name: "modelName", placeholder: "Enter model name", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full p-2 bg-blue-500 hover:bg-blue-600 rounded font-semibold", type: "submit", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Generate 3D Model")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } div { animation: fadeIn 1.5s ease-in-out; } `)); }