function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-[500px] mx-auto p-6 bg-white rounded-md shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "lastName", className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "姓"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "lastName", name: "lastName", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "firstName", className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "名"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "firstName", name: "firstName", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "kanaName", className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "カナ氏名"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "kanaName", name: "kanaName", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "phoneNumber", className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "電話番号"), /*#__PURE__*/ React.createElement("input", { type: "tel", id: "phoneNumber", name: "phoneNumber", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "dateOfBirth", className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "生年月日"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "dateOfBirth", name: "dateOfBirth", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "性別"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", id: "male", name: "gender", value: "male", className: "mr-2", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "male", className: "text-gray-700", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "男性")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", id: "female", name: "gender", value: "female", className: "mr-2", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "female", className: "text-gray-700", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, "女性"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "postalCode1", className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "郵便番号"), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", id: "postalCode1", name: "postalCode1", maxLength: "3", className: "shadow appearance-none border rounded w-[80px] py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline mr-2", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-700 font-bold text-lg", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "postalCode2", name: "postalCode2", maxLength: "4", className: "shadow appearance-none border rounded w-[100px] py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline ml-2", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline ml-2", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, "住所検索"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "prefecture", className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, "都道府県"), /*#__PURE__*/ React.createElement("select", { id: "prefecture", name: "prefecture", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { value: "北海道", __source: { fileName: "", lineNumber: 138, columnNumber: 13 }, __self: this }, "北海道"), /*#__PURE__*/ React.createElement("option", { value: "青森県", __source: { fileName: "", lineNumber: 139, columnNumber: 13 }, __self: this }, "青森県"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 143, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "city", className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 144, columnNumber: 11 }, __self: this }, "市区町村"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "city", name: "city", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 154, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "address", className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }, "番地以下"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "address", name: "address", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 158, columnNumber: 11 }, __self: this })))); }