function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f4e2d8] min-h-screen p-6", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text mb-6 text-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "カレー屋の注文アプリ"), /*#__PURE__*/ React.createElement("form", { className: "bg-white p-6 shadow-md rounded", action: "#", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-crimson-text mb-2", htmlFor: "name", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "名前"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "name", name: "name", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-crimson-text mb-2", htmlFor: "curry", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "カレーの種類"), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border border-gray-300 rounded", id: "curry", name: "curry", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "beef", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, "ビーフカレー"), /*#__PURE__*/ React.createElement("option", { value: "chicken", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "チキンカレー"), /*#__PURE__*/ React.createElement("option", { value: "vegetable", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, "野菜カレー"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-crimson-text mb-2", htmlFor: "spice", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "辛さのレベル"), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border border-gray-300 rounded", id: "spice", name: "spice", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "mild", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "控えめ"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "中辛"), /*#__PURE__*/ React.createElement("option", { value: "hot", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "辛口"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-crimson-text mb-2", htmlFor: "toppings", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "トッピング"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "mr-2", type: "checkbox", name: "topping", value: "egg", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }), " ゆで卵"), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "mr-2", type: "checkbox", name: "topping", value: "pork", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }), " ポークカツ"), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "mr-2", type: "checkbox", name: "topping", value: "cheese", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }), " チーズ"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-crimson-text mb-2", htmlFor: "comments", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "コメント"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border border-gray-300 rounded", id: "comments", name: "comments", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full py-2 bg-[#007bff] text-white font-crimson-text rounded hover:bg-[#0056b3]", type: "submit", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "注文")))); }