function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "mt-8 space-y-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-md shadow-sm space-y-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "student-name", className: "sr-only", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, "Student Name"), /*#__PURE__*/ React.createElement("input", { name: "student-name", type: "text", required: true, className: "appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm", placeholder: "Student Name", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "national-id", className: "sr-only", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Egyptian National ID"), /*#__PURE__*/ React.createElement("input", { name: "national-id", type: "text", pattern: "\\d{14}", required: true, className: "appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm", placeholder: "Egyptian National ID", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email-address", className: "sr-only", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Email address"), /*#__PURE__*/ React.createElement("input", { name: "email-address", type: "email", autoComplete: "email", required: true, className: "appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm", placeholder: "Email address", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "photo-upload", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Upload Photo"), /*#__PURE__*/ React.createElement("div", { className: "mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-1 text-center", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "mx-auto h-12 w-12 text-gray-400", stroke: "currentColor", fill: "none", viewBox: "0 0 48 48", "aria-hidden": "true", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M28 8H12a4 4 0 00-4 4v24a4 4 0 004 4h16a4 4 0 004-4V12a4 4 0 00-4-4z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", __source: { fileName: "", lineNumber: 23, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M24 20v10M20 25h8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", __source: { fileName: "", lineNumber: 24, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex text-sm text-gray-600", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "file-upload", className: "relative cursor-pointer bg-white rounded-md font-medium text-indigo-600 hover:text-indigo-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500", __source: { fileName: "", lineNumber: 27, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 28, columnNumber: 21 }, __self: this }, "Upload a file"), /*#__PURE__*/ React.createElement("input", { name: "photo-upload", id: "file-upload", type: "file", accept: "image/png, image/jpeg", className: "sr-only", __source: { fileName: "", lineNumber: 29, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, "PNG, JPG, JPEG up to 5MB"))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-500 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Submit")))); }