function MainComponent() { const [file, setFile] = React.useState(null); const handleFileChange = (event)=>{ const file = event.target.files[0]; if (!file) { return; } setFile(file); }; const handleSubmit = (event)=>{ event.preventDefault(); if (!file) { alert('الرجاء اختيار ملف'); return; } // Processing for file should happen here alert('تم رفع الملف بنجاح، جاري التحليل'); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F2F5] min-h-screen p-10", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-white shadow rounded", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center p-8 border-b border-gray-200", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-xl text-[#333]", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "مطابقة البيانات المكررة في ملفات الإكسيل")), /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto text-sm text-[#333] mb-2", htmlFor: "excelFile", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "رفع ملف الإكسيل"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "excelFile", accept: ".xlsx, .xls", onChange: handleFileChange, className: "block w-full text-sm text-[#333] file:mr-4 file:py-2 file:px-4 file:rounded file:border-0 file:text-sm file:font-semibold file:bg-[#4F46E5] file:text-white hover:file:bg-[#4338CA]", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 py-2 px-4 bg-[#4F46E5] text-white font-semibold rounded hover:bg-[#4338CA]", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "ابدأ التحليل"))))); }