function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f3f1ed] font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-8 mx-auto my-10 max-w-4xl", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#363636] mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Specialty Coffee Cupping Application"), /*#__PURE__*/ React.createElement("p", { className: "text-[#575757]", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "SCA Cupping Form Compliant Coffee Evaluation Tool")), /*#__PURE__*/ React.createElement("form", { className: "mt-8", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#575757] mb-2", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "名前:"), /*#__PURE__*/ React.createElement("input", { name: "name", type: "text", placeholder: "あなたの名前を入力", className: "w-full px-4 py-2 border rounded-md text-[#363636]", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#575757] mb-2", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "日付:"), /*#__PURE__*/ React.createElement("input", { name: "date", type: "date", className: "w-full px-4 py-2 border rounded-md text-[#363636]", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#575757] mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "テーブル番号:"), /*#__PURE__*/ React.createElement("input", { name: "table_number", type: "number", placeholder: "テーブル番号", className: "w-full px-4 py-2 border rounded-md text-[#363636]", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#575757] mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "サンプル番号:"), /*#__PURE__*/ React.createElement("input", { name: "sample_number", type: "number", placeholder: "サンプル番号", className: "w-full px-4 py-2 border rounded-md text-[#363636]", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4 mb-6", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, [ 'Dry', 'Wet', 'Break', 'Clean Cup', 'Sweetness', 'Acidity', 'Body', 'Balance', 'Aftertaste', 'Overall' ].map((attribute)=>/*#__PURE__*/ React.createElement("div", { key: attribute, __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#575757]", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }, attribute, " (6-10)"), /*#__PURE__*/ React.createElement("input", { name: `${attribute.toLowerCase()}_score`, type: "range", min: "6", max: "10", step: "0.25", className: "w-full", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#575757] mb-2", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "ノート:"), /*#__PURE__*/ React.createElement("textarea", { name: "notes", placeholder: "追加のノート", className: "w-full p-4 border rounded-md text-[#363636] h-32", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#575757]", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "欠陥:"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "defect_taint", type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#575757]", __source: { fileName: "", lineNumber: 42, columnNumber: 79 }, __self: this }, "Taint (2)"), /*#__PURE__*/ React.createElement("input", { name: "defect_fault", type: "checkbox", className: "ml-4 mr-2", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#575757]", __source: { fileName: "", lineNumber: 43, columnNumber: 84 }, __self: this }, "Fault (4)"))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#363636] text-white px-4 py-2 rounded-md shadow hover:bg-[#2c2c2c] transition-colors", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "スコアを計算"))))); }