function MainComponent() { const [fileInfo, setFileInfo] = React.useState({ name: '', status: '', loading: false }); const handleFileChange = (event)=>{ const file = event.target.files[0]; setFileInfo((prevState)=>({ ...prevState, loading: true })); setTimeout(()=>{ if (file) { const fileName = file.name; const filePrefix = fileName.substring(0, 1); const status = filePrefix === 'h' ? 'Healthy' : filePrefix === 's' ? 'Diseased' : 'Unknown'; setFileInfo({ name: fileName, status: status, loading: false }); } else { setFileInfo({ name: '', status: '', loading: false }); } }, 2000); }; const uploadPage = /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap items-center justify-center p-4 space-y-4 w-full", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-[#121212] font-roboto text-lg cursor-pointer", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", className: "hidden", name: "eeg-file", accept: ".edf,.EDF,.edf+,.EEG,.CNT,.SET", onChange: handleFileChange, __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "block p-4 bg-[#00A7E1] text-white font-semibold rounded-lg shadow-lg hover:bg-[#008CBA] transition ease-in-out duration-300", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, fileInfo.loading ? 'Uploading...' : 'Upload EEG File'), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mt-4", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, fileInfo.loading && /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#00A7E1] h-2.5 rounded-full", style: { width: '50%' }, __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this })), fileInfo.name && !fileInfo.loading && /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "File Uploaded: ", fileInfo.name), fileInfo.status === 'Healthy' && !fileInfo.loading && /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-green-500", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "Result: It's a healthy person."), fileInfo.status === 'Diseased' && !fileInfo.loading && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-red-500", __source: { fileName: "", lineNumber: 52, columnNumber: 17 }, __self: this }, "Result: Meet the medical consultant."), /*#__PURE__*/ React.createElement("button", { className: "mt-2 px-4 py-2 text-white bg-red-600 rounded-lg shadow hover:bg-red-700 transition ease-in-out duration-300", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, "View Prescription")))))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F5F5F5]", __source: { fileName: "", lineNumber: 63, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#010101] text-white p-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "Brain Computer Interface"), /*#__PURE__*/ React.createElement("nav", { className: "flex gap-4", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#home", className: "font-roboto hover:text-[#00A7E1] transition ease-in-out duration-200", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "font-roboto hover:text-[#00A7E1] transition ease-in-out duration-200", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "font-roboto hover:text-[#00A7E1] transition ease-in-out duration-200", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("a", { href: "#upload", className: "font-roboto hover:text-[#00A7E1] bg-[#00A7E1] px-3 py-2 rounded-lg transition ease-in-out duration-200", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "Upload"))), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "home", className: "my-8", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center flex-col", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mt-4 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Discover the possibilities of brain computing interfaces."))), /*#__PURE__*/ React.createElement("section", { id: "about", className: "my-8", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center flex-col", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/about-section.jpg", alt: "About brain computing interfaces", className: "w-full max-h-[400px] object-cover", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-4 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Learn about our cutting-edge technology for examining EEG signals."))), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "my-8", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center flex-col", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mt-4 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "Get in touch for more info on how we can assist you."))), /*#__PURE__*/ React.createElement("section", { id: "upload", className: "my-8", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, uploadPage)), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#010101] text-white p-6 text-center font-roboto", __source: { fileName: "", lineNumber: 98, columnNumber: 7 }, __self: this }, "© 2023 Brain Computer Interface")); }