import { NavLink, useLocation } from 'react-router-dom'; import { useEffect, useState } from 'react'; const navItems = [ { to: '/discover', label: 'Discover', icon: ( ), }, { to: '/likes', label: 'Likes', icon: ( ), }, { to: '/sent-pings', label: 'Pings', icon: ( ), }, { to: '/messages', label: 'Messages', icon: ( ), }, { to: '/profile', label: 'Profile', icon: ( ), }, { to: '/settings', label: 'Settings', icon: ( ), }, ]; export function Navigation() { const location = useLocation(); const [mounted, setMounted] = useState(false); useEffect(() => { setMounted(true); }, []); return ( <> {/* Desktop Navigation - Side rail */} {/* Mobile Navigation - Bottom bar */} ); }