function E2LearningStartPage({ showHome, onStartClick }) { const startPage = /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "E2-learning"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white py-2 px-4 rounded-lg font-crimson-text text-xl", onClick: onStartClick, __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, "Start!")); const homePage = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#f0f4f8]", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, "Choose Mode"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white py-2 px-4 rounded-lg font-crimson-text text-lg mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "英単語モード"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 text-white py-2 px-4 rounded-lg font-crimson-text text-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, "長文和訳モード")); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#f0f4f8]", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, showHome ? homePage : startPage); } function E2LearningStartPageStory() { const [showHome, setShowHome] = React.useState(false); return /*#__PURE__*/ React.createElement(E2LearningStartPage, { showHome: showHome, onStartClick: ()=>setShowHome(true), __source: { fileName: "", lineNumber: 36, columnNumber: 10 }, __self: this }); } function E2LearningStartPage2({ showHome, onStartClick }) { const startPage = /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "E2-learning"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white py-2 px-4 rounded-lg font-crimson-text text-xl", onClick: onStartClick, __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, "Start!")); const homePage = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#f0f4f8]", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, "Choose Mode"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white py-2 px-4 rounded-lg font-crimson-text text-lg mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "英単語モード"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 text-white py-2 px-4 rounded-lg font-crimson-text text-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, "長文和訳モード")); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#f0f4f8]", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, showHome ? homePage : startPage); } function E2LearningStartPage2Story() { const [showHome, setShowHome] = React.useState(false); return /*#__PURE__*/ React.createElement(E2LearningStartPage2, { showHome: showHome, onStartClick: ()=>setShowHome(true), __source: { fileName: "", lineNumber: 36, columnNumber: 10 }, __self: this }); } function MainComponent() { const [showHome, setShowHome] = React.useState(false); return /*#__PURE__*/ React.createElement(E2LearningStartPage2, { showHome: showHome, onStartClick: ()=>setShowHome(true), __source: { fileName: "", lineNumber: 4, columnNumber: 10 }, __self: this }); }