function MainComponent() { const handleSubmit = (e)=>{ e.preventDefault(); const fileUpload = e.target.fileUpload.files[0]; const videoUpload = e.target.videoUpload.files[0]; const audioUpload = e.target.audioUpload.files[0]; const formData = new FormData(); formData.append('fileUpload', fileUpload); formData.append('videoUpload', videoUpload); formData.append('audioUpload', audioUpload); fetch('/upload', { method: 'POST', body: formData }).then((response)=>response.json()).then((data)=>console.log(data)).catch((error)=>console.error('Error:', error)); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-6 bg-[#121212] min-h-screen", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto mb-6 text-[#ffffff]", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, "Upload Files, Videos, and Audios"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-full max-w-lg bg-[#1f1f1f] p-8 rounded-lg shadow-md space-y-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto mb-2 text-[#ffffff]", htmlFor: "fileUpload", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Choose a file 📁"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-600 rounded bg-[#2a2a2a] text-[#ffffff]", type: "file", name: "fileUpload", id: "fileUpload", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto mb-2 text-[#ffffff]", htmlFor: "videoUpload", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Choose a video 📹"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-600 rounded bg-[#2a2a2a] text-[#ffffff]", type: "file", name: "videoUpload", id: "videoUpload", accept: "video/*", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-roboto mb-2 text-[#ffffff]", htmlFor: "audioUpload", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Choose an audio 🎵"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-600 rounded bg-[#2a2a2a] text-[#ffffff]", type: "file", name: "audioUpload", id: "audioUpload", accept: "audio/*", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#3b82f6] text-[#ffffff] py-2 px-4 rounded hover:bg-[#2563eb] focus:outline-none focus:ring-2 focus:ring-[#3b82f6]", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Upload")))); }