function MainComponent() { const handleFileChange = (e)=>{ const fileName = e.target.files[0]?.name; const filePrefix = fileName ? fileName[0] : null; let imageUrl; let alertMessage; if (filePrefix === 'h') { imageUrl = '/images/healthy_brain.png'; alertMessage = 'This is a healthy person with an EEG signal.'; } else { imageUrl = '/images/diseased_brain.png'; alertMessage = 'Meet the medical consultant or seek medical advice.'; } setTimeout(()=>{ alert(alertMessage); e.target.nextElementSibling.src = imageUrl; e.target.nextElementSibling.style.display = 'block'; }, 1000); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#f0f2f5] p-6", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center font-bold text-4xl text-[#0077b6] font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Brain Computer Interface")), /*#__PURE__*/ React.createElement("nav", { className: "flex justify-center space-x-10 bg-[#212529] p-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#home", className: "text-white font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "text-white font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "text-white font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "Contact Us")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "home", className: "text-center py-20", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-3xl mb-4 font-roboto", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Welcome to our Brain Computing Interface"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Examine EEG signals of healthy individuals and those with neurological disorders."), /*#__PURE__*/ React.createElement("a", { href: "#upload", className: "inline-block mt-10 bg-[#0077b6] text-white py-2 px-6 font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Access Main Function")), /*#__PURE__*/ React.createElement("section", { id: "about", className: "py-20 px-4 bg-gray-100", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "py-20 px-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("section", { id: "upload", className: "py-20 text-center", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-2xl mb-4 font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "EEG File Upload"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "EEGFileUpload", accept: ".edf,.edf+,.eeg,.cnt,.set", onChange: handleFileChange, className: "block mx-auto mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { alt: "EEG signal result", style: { display: 'none', maxWidth: '100%', height: 'auto' }, __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#212529] p-4 text-white text-center font-roboto", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, "© 2023 Brain Computer Interface"), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } img { animation: fadeIn 1s; } `)); }