function MainComponent() { const [page, setPage] = React.useState(1); let content; if (page === 1) { content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center space-y-8", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "日本の学校法人の寄付金募集案内"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage(2), className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "１「２枚目‐１種類目の紹介」"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage(3), className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "２「３枚目‐２種類目の紹介」"), /*#__PURE__*/ React.createElement("button", { className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "３"), /*#__PURE__*/ React.createElement("button", { className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "４"))); } else if (page === 2) { content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center space-y-8", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "１種類目の紹介"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage(1), className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "戻る「１枚目　寄付金の案内」")); } else if (page === 3) { content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center space-y-8", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "２種類目の紹介"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage(1), className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "戻る「１枚目　寄付金の案内」")); } return /*#__PURE__*/ React.createElement("div", { className: "py-10 px-5 min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, content); }