function MainComponent() { const [activeTab, setActiveTab] = React.useState('search'); const [darkMode, setDarkMode] = React.useState(false); const [notifications, setNotifications] = React.useState(true); const [profilePublic, setProfilePublic] = React.useState(true); const handleTabClick = (tab)=>setActiveTab(tab); const handleThemeToggle = ()=>setDarkMode(!darkMode); const handleNotificationsToggle = ()=>setNotifications(!notifications); const handleProfilePublicToggle = ()=>setProfilePublic(!profilePublic); const renderContent = ()=>{ switch(activeTab){ case 'search': return /*#__PURE__*/ React.createElement(Search, { __source: { fileName: "", lineNumber: 15, columnNumber: 16 }, __self: this }); case 'favorites': return /*#__PURE__*/ React.createElement(Favorites, { __source: { fileName: "", lineNumber: 17, columnNumber: 16 }, __self: this }); case 'mypage': return /*#__PURE__*/ React.createElement(MyPage, { __source: { fileName: "", lineNumber: 19, columnNumber: 16 }, __self: this }); case 'settings': return /*#__PURE__*/ React.createElement(Settings, { __source: { fileName: "", lineNumber: 21, columnNumber: 16 }, __self: this }); default: return null; } }; return /*#__PURE__*/ React.createElement("div", { className: `${darkMode ? 'bg-black text-white' : 'bg-white text-black'} w-full h-full min-h-screen`, __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-around p-4 border-b border-gray-300", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-bold", onClick: ()=>handleTabClick('search'), __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "レストラン検索"), /*#__PURE__*/ React.createElement("button", { className: "font-bold", onClick: ()=>handleTabClick('favorites'), __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "お気に入り一覧"), /*#__PURE__*/ React.createElement("button", { className: "font-bold", onClick: ()=>handleTabClick('mypage'), __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "マイページ"), /*#__PURE__*/ React.createElement("button", { className: "font-bold", onClick: ()=>handleTabClick('settings'), __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "設定")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, renderContent())); } function Search() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, "周辺レストラン"), [ ...Array.from({ length: 10 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "p-4 mb-2 border rounded-lg", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "レストラン ", i + 1))); } function Favorites() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, "お気に入り一覧"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "お気に入りのレストランはまだありません。")); } function MyPage() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 62, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, "マイページ"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/avatar.jpg", alt: "ユーザーアバター", className: "w-[100px] h-[100px] rounded-full mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "ニックネーム: ユーザー名"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "好みの料理: 寿司、ラーメン"))); } function Settings({ darkMode, notifications, profilePublic, handleThemeToggle, handleNotificationsToggle, handleProfilePublicToggle }) { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, "設定"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-bold", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "ライト/ダークモード"), /*#__PURE__*/ React.createElement("button", { className: "ml-2 font-bold", onClick: handleThemeToggle, __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, darkMode ? 'ダーク' : 'ライト')), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-bold", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, "通知設定"), /*#__PURE__*/ React.createElement("button", { className: "ml-2 font-bold", onClick: handleNotificationsToggle, __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, notifications ? 'オン' : 'オフ')), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-bold", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, "プロフィール公開設定"), /*#__PURE__*/ React.createElement("button", { className: "ml-2 font-bold", onClick: handleProfilePublicToggle, __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, profilePublic ? '公開' : '非公開'))); }