function NewComponent({ onSubmit }) { const fontClass = "font-roboto"; const handleSubmit = async (event)=>{ event.preventDefault(); if (onSubmit) { await onSubmit(event); } }; return /*#__PURE__*/ React.createElement("div", { className: `container mx-auto p-4 ${fontClass}`, __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-2", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "تطبيق صيانة السيارات"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "يرجى شرح العطل من خلال النص أو الصوت أو الصور")), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "description", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "وصف العطل"), /*#__PURE__*/ React.createElement("textarea", { name: "description", id: "description", rows: "4", className: "w-full border border-gray-300 p-2", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "audio", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "تحميل صوت"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "audio", id: "audio", accept: "audio/*", className: "block w-full text-sm text-gray-900 border border-gray-300 cursor-pointer p-1.5", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "images", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "تحميل الصور"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "images", id: "images", accept: "image/*", multiple: true, className: "block w-full text-sm text-gray-900 border border-gray-300 cursor-pointer p-1.5", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "ارسال التقرير")), /*#__PURE__*/ React.createElement("section", { className: "mt-8", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "التقرير"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "سيقوم التطبيق بتحليل المعلومات المرسلة وتحويلها إلى المهندس المتخصص لتأكيد الطلب وتحديد قطع الغيار المطلوبة."))); } function NewComponentStory() { const handleSubmit = async (event)=>{ const formData = new FormData(event.target); const response = await fetch('/api/submit', { method: 'POST', body: formData }); const result = await response.json(); console.log(result); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const response = await fetch('/api/submit', { method: 'POST', body: formData }); const result = await response.json(); console.log(result); }; return /*#__PURE__*/ React.createElement(NewComponent, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }); }