function MainComponent() { const [commandOutput, setCommandOutput] = React.useState('Awaiting upload...'); const [isUploading, setIsUploading] = React.useState(false); const handleFileUpload = async (event)=>{ event.preventDefault(); setIsUploading(true); const files = event.target.epubFile.files; // Simulate command execution and results setTimeout(()=>{ let results = 'Checking EPub file integrity...\n'; for (const file of files){ const randCheck = Math.random() > 0.5 ? 'OK' : 'ERROR: Missing table of contents'; results += `${file.name} - ${randCheck}\n`; } setCommandOutput(results.trim()); setIsUploading(false); }, 1500); }; const copyToClipboard = ()=>{ navigator.clipboard.writeText(commandOutput); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f1f1f1]", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center font-roboto mb-8", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#121212] mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "EPub File Checker"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#666]", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Upload your EPub files to check for issues.")), /*#__PURE__*/ React.createElement("form", { className: "mb-8", onSubmit: handleFileUpload, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", name: "epubFile", multiple: true, className: "block mb-4 cursor-pointer", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isUploading, className: `px-6 py-2 border border-transparent text-lg font-medium rounded-md text-white ${isUploading ? "bg-[#999]" : "bg-[#007bff] hover:bg-[#0056b3]"}`, __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, isUploading ? 'Uploading...' : 'Upload')), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg w-[90%] md:w-[70%] lg:w-[50%]", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 text-[#121212]", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Command Prompt Output:")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#e9ecef] h-[300px] overflow-auto p-4 text-sm font-mono whitespace-pre-line", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, commandOutput)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end p-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-6 py-2 border border-transparent text-lg font-medium rounded-md text-white bg-[#28a745] hover:bg-[#218838]", onClick: copyToClipboard, __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Copy Logs")))); }