import { Bell, Sliders, UserIcon } from "lucide-react"; import { useState } from "react"; import { Tabs, TabsList, tabsStyle, TabsTrigger } from "~/components/ui/tabs"; import Preferences from "./preferences"; import BottomNavigation from "~/components/bottom-nav"; import Profile from "./profile"; import type { User } from "~/lib/api"; import NotificationSettings from "./notifications"; export default function SettingsPage({ user }: { user: User }) { const tabs = [ { value: "user", label: "Profil", icon: , content: , }, { value: "preferences", label: "Préférences", icon: , content: , }, { value: "notifications", label: "Notifications", icon: , content: , }, ]; // user / notifications / preferences tabs const [activeTab, setActiveTab] = useState(tabs[0].value); return (
{/* Tabs */} {tabs.map((tab) => ( {tab.icon} {tab.label} ))} {/* Tab Content */}
{tabs.map((tab) => (
{tab.content}
))}
); }