add settings page

1 files changed, 43 insertions, 0 deletions

diff --git a/src/components/settings/SettingsMenu.tsx b/src/components/settings/SettingsMenu.tsx
new file mode 100644
index 0000000..e5e1cf5
--- /dev/null
+++ b/src/components/settings/SettingsMenu.tsx
@@ -0,0 +1,43 @@
+'use client';
+
+import { Button } from '@/components/ui';
+
+export default function SettingsMenu({
+    tab,
+    setTab,
+}: {
+    tab: string;
+    setTab: (tab: string) => void;
+}) {
+    return (
+        <div className="flex flex-col gap-2.5">
+            <Button
+                variant={tab === 'profile' ? 'menuActive' : 'menu'}
+                onClick={() => setTab('profile')}
+            >
+                ПРОФИЛЬ
+            </Button>
+
+            <Button
+                variant={tab === 'subscriptions' ? 'menuActive' : 'menu'}
+                onClick={() => setTab('subscriptions')}
+            >
+                ПОДПИСКИ
+            </Button>
+
+            <Button
+                variant={tab === 'security' ? 'menuActive' : 'menu'}
+                onClick={() => setTab('security')}
+            >
+                БЕЗОПАСНОСТЬ
+            </Button>
+
+            <Button
+                variant={tab === 'privacy' ? 'menuActive' : 'menu'}
+                onClick={() => setTab('privacy')}
+            >
+                ПРИВАТНОСТЬ
+            </Button>
+        </div>
+    );
+}