function MainComponent() { const [file, setFile] = useState(null); const [upload, { loading: uploadLoading }] = useUpload(); const [translatedUrl, setTranslatedUrl] = useState(null); const [error, setError] = useState(null); const [processing, setProcessing] = useState(false); const handleFileUpload = async (e)=>{ const uploadedFile = e.target.files[0]; if (!uploadedFile) return; if (![ "application/pdf", "application/vnd.openxmlformats-officedocument.wordprocessingml.document", "text/plain" ].includes(uploadedFile.type)) { setError("Please upload PDF, DOCX, or TXT files only"); return; } setFile(uploadedFile); }; const handleTranslation = async ()=>{ try { setProcessing(true); setError(null); const { url: uploadedFileUrl } = await upload({ file }); setTranslatedUrl(uploadedFileUrl); } catch (err) { setError("Error processing file. Please try again."); } finally{ setProcessing(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden md:max-w-2xl p-8", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "English to Bengali Translator"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Upload your document to translate")), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "w-full flex flex-col items-center px-4 py-6 bg-white rounded-lg shadow-lg tracking-wide border border-blue-500 cursor-pointer hover:bg-blue-500 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cloud-upload-alt text-3xl", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "mt-2 text-sm", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "Select your file"), /*#__PURE__*/ React.createElement("input", { type: "file", className: "hidden", accept: ".pdf,.docx,.txt", onChange: handleFileUpload, __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this })), file && /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm text-gray-600", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, "Selected file: ", file.name)), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: handleTranslation, disabled: !file || processing || uploadLoading, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, processing || uploadLoading ? /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, "Processing... ", /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin ml-2", __source: { fileName: "", lineNumber: 83, columnNumber: 31 }, __self: this })) : "Translate Document"), translatedUrl && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: translatedUrl, download: true, className: "inline-flex items-center text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2", __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }), "Download Translated Document"))))); }