function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "bg-white p-8 rounded shadow-md w-[400px]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-sans text-2xl mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "フォーム作成"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] font-sans mb-2", htmlFor: "datetime", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "日時"), /*#__PURE__*/ React.createElement("input", { className: "border border-[#ccc] rounded w-full py-2 px-3", type: "datetime-local", name: "datetime", id: "datetime", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] font-sans mb-2", htmlFor: "name", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "名前"), /*#__PURE__*/ React.createElement("input", { className: "border border-[#ccc] rounded w-full py-2 px-3", type: "text", name: "name", id: "name", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] font-sans mb-2", htmlFor: "address", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "土地住所"), /*#__PURE__*/ React.createElement("input", { className: "border border-[#ccc] rounded w-full py-2 px-3", type: "text", name: "address", id: "address", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] font-sans mb-2", htmlFor: "land_description", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "土地について"), /*#__PURE__*/ React.createElement("textarea", { className: "border border-[#ccc] rounded w-full py-2 px-3", name: "land_description", id: "land_description", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] font-sans mb-2", htmlFor: "land_category", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "地目"), /*#__PURE__*/ React.createElement("input", { className: "border border-[#ccc] rounded w-full py-2 px-3", type: "text", name: "land_category", id: "land_category", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] font-sans mb-2", htmlFor: "contact", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "連絡先"), /*#__PURE__*/ React.createElement("input", { className: "border border-[#ccc] rounded w-full py-2 px-3", type: "text", name: "contact", id: "contact", pattern: "[0-9]*", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] font-sans mb-2", htmlFor: "available_time", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "連絡可能な時間帯"), /*#__PURE__*/ React.createElement("input", { className: "border border-[#ccc] rounded w-full py-2 px-3", type: "text", name: "available_time", id: "available_time", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#333] font-sans mb-2", htmlFor: "additional_notes", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "その他メモ"), /*#__PURE__*/ React.createElement("textarea", { className: "border border-[#ccc] rounded w-full py-2 px-3", name: "additional_notes", id: "additional_notes", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white font-sans py-2 px-4 rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "送信"))); }