function BlueAnalysisButton({ buttonText, onButtonClick }) { return /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-[#007bff] text-white rounded-md font-roboto", onClick: onButtonClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, buttonText); } function BlueAnalysisButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(BlueAnalysisButton, { buttonText: "分析開始", onButtonClick: ()=>alert("Analysis Started"), __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f2f5] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-4 text-3xl font-bold text-[#333]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "英語学習支援サービス"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl bg-white shadow-md rounded-lg p-6", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-[#222]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "テキストアップロードと分析"), /*#__PURE__*/ React.createElement("form", { className: "mt-4 space-y-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "text", rows: "5", className: "w-full p-2 border border-gray-300 rounded-md", placeholder: "ここに英文を貼り付けてください", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "difficulty", className: "w-full p-2 border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "basic", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "初級 (TOEFL 0-60)"), /*#__PURE__*/ React.createElement("option", { value: "intermediate", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "中級 (TOEFL 61-90)"), /*#__PURE__*/ React.createElement("option", { value: "advanced", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "上級 (TOEFL 91-120)")), /*#__PURE__*/ React.createElement(BlueAnalysisButton, { buttonText: "分析開始", onButtonClick: ()=>alert("Analysis Started"), __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl mt-8 bg-white shadow-md rounded-lg p-6", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-[#222]", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "分析結果とエクスポート"), /*#__PURE__*/ React.createElement("ul", { className: "mt-4 space-y-2", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "bg-white shadow-md rounded-md p-2", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Word/Phrase: ", /*#__PURE__*/ React.createElement("span", { className: "font-normal", __source: { fileName: "", lineNumber: 26, columnNumber: 55 }, __self: this }, "Example (例)")), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Difficulty: Intermediate"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Translation: 例 (日本語訳)"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Example Sentence: This is an ", /*#__PURE__*/ React.createElement("span", { className: "underline", __source: { fileName: "", lineNumber: 29, columnNumber: 45 }, __self: this }, "example"), " sentence."))), /*#__PURE__*/ React.createElement(BlueAnalysisButton, { buttonText: "CSVでエクスポート", onButtonClick: ()=>alert("Exporting to CSV"), __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }))); }