function MainComponent() { const handleSubmit = (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const imageUpload = formData.get('image-upload'); const datafileUpload = formData.get('datafile-upload'); const metadata = formData.get('metadata'); const upscaleSize = formData.get('upscale-size'); // Handle your file and metadata upload logic here console.log({ imageUpload, datafileUpload, metadata, upscaleSize }); }; return /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[900px] mx-auto shadow-lg p-6 bg-white rounded-lg", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-sans font-bold mb-6", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Upload Storage Application"), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-sans font-medium", htmlFor: "image-upload", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Image Upload:"), /*#__PURE__*/ React.createElement("input", { className: "block w-full text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer", type: "file", id: "image-upload", name: "image-upload", accept: "image/*", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-sans font-medium", htmlFor: "upscale-size", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Upscale Size:"), /*#__PURE__*/ React.createElement("select", { className: "block w-full px-3 py-2 text-sm text-gray-900 border border-gray-300 rounded-lg", id: "upscale-size", name: "upscale-size", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "256x256", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, "256x256"), /*#__PURE__*/ React.createElement("option", { value: "384x384", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "384x384"), /*#__PURE__*/ React.createElement("option", { value: "512x512", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "512x512"), /*#__PURE__*/ React.createElement("option", { value: "768x768", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "768x768"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-sans font-medium", htmlFor: "datafile-upload", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Datafile Upload:"), /*#__PURE__*/ React.createElement("input", { className: "block w-full text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer", type: "file", id: "datafile-upload", name: "datafile-upload", accept: ".csv,.xlsx,.json", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-sans font-medium", htmlFor: "metadata", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Metadata:"), /*#__PURE__*/ React.createElement("textarea", { className: "block w-full px-3 py-2 text-sm text-gray-900 border border-gray-300 rounded-lg", id: "metadata", name: "metadata", rows: "4", placeholder: "Enter metadata here...", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full text-white bg-blue-500 hover:bg-blue-700 font-sans font-medium py-2 px-4 rounded-lg", type: "submit", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Submit")))); }