function MainComponent() { const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.currentTarget); const data = Object.fromEntries(formData.entries()); console.log(data); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f5f5dc] p-4 font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#654321] font-bold text-3xl mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, "コーヒーのレシピメモアプリ"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "origin", className: "block mb-2 text-lg text-[#654321]", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "産地"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "origin", id: "origin", className: "w-full p-2 border border-[#654321] rounded", placeholder: "e.g., エチオピア", __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", { htmlFor: "brewMethod", className: "block mb-2 text-lg text-[#654321]", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "淹れ方"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "brewMethod", id: "brewMethod", className: "w-full p-2 border border-[#654321] rounded", placeholder: "e.g., ドリップ", __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", { htmlFor: "roastLevel", className: "block mb-2 text-lg text-[#654321]", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "焙煎度合い"), /*#__PURE__*/ React.createElement("select", { name: "roastLevel", id: "roastLevel", className: "w-full p-2 border border-[#654321] rounded", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "ライトロースト", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "ライトロースト"), /*#__PURE__*/ React.createElement("option", { value: "ミディアムロースト", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "ミディアムロースト"), /*#__PURE__*/ React.createElement("option", { value: "ダークロースト", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "ダークロースト"))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#654321] text-white p-2 rounded hover:bg-[#543210]", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "保存"))); }