/*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-blue-50 p-4", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-blue-700 mb-5", __source: { fileName: "", lineNumber: 2, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bolt mr-2 text-yellow-400", __source: { fileName: "", lineNumber: 2, columnNumber: 59 }, __self: this }), "Mobile Application for Recruiting Volunteers"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", for: "name", __source: { fileName: "", lineNumber: 7, columnNumber: 17 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "name", type: "text", placeholder: "John Doe", __source: { fileName: "", lineNumber: 8, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", for: "email", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "email", type: "email", placeholder: "john@example.com", __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", for: "phone", __source: { fileName: "", lineNumber: 15, columnNumber: 17 }, __self: this }, "Phone Number"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "phone", type: "text", placeholder: "(123) 456-7890", __source: { fileName: "", lineNumber: 16, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", for: "volunteer-id", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }, "Do you have Volunteer ID №?"), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center mt-2", __source: { fileName: "", lineNumber: 21, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "form-radio h-4 w-4 text-blue-600", type: "radio", name: "volunteer-id", value: "yes", __source: { fileName: "", lineNumber: 22, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-gray-700", __source: { fileName: "", lineNumber: 23, columnNumber: 25 }, __self: this }, "YES")), /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center ml-8 mt-2", __source: { fileName: "", lineNumber: 25, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "form-radio h-4 w-4 text-blue-600", type: "radio", name: "volunteer-id", value: "no", __source: { fileName: "", lineNumber: 26, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-gray-700", __source: { fileName: "", lineNumber: 27, columnNumber: 25 }, __self: this }, "NO")))), volunteerID === 'yes' && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", for: "volunteer-id-card", __source: { fileName: "", lineNumber: 33, columnNumber: 21 }, __self: this }, "Enter your Volunteer ID Card number"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "volunteer-id-card", type: "text", placeholder: "Enter your Volunteer ID Card number", __source: { fileName: "", lineNumber: 34, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "button", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, "Sign Up")))));