'use client'; import { useState, useEffect } from 'react'; import Link from 'next/link'; import Image from 'next/image'; import { ThemeSwitcher } from '@/components/ThemeSwitcher'; import { Icons } from '@/components/ui/Icon'; import { siteConfig } from '@/lib/config/site-config'; import { getSession, clearSession, type AuthSession } from '@/lib/store/auth-store'; import { LogOut } from 'lucide-react'; interface NavbarProps { onReset: () => void; isPremiumMode?: boolean; } export function Navbar({ onReset, isPremiumMode = false }: NavbarProps) { const settingsHref = isPremiumMode ? '/premium/settings' : '/settings'; const [session, setSessionState] = useState(null); useEffect(() => { setSessionState(getSession()); }, []); const handleLogout = () => { clearSession(); window.location.reload(); }; return ( ); }