import { NavLink, Outlet, ScrollRestoration } from 'react-router-dom'; import { twMerge } from 'tailwind-merge'; export function SettingsLayout() { return (

Settings

twMerge( 'flex h-9 items-center gap-2.5 rounded-md px-2.5', isActive ? 'bg-white/10 text-white backdrop-blur-xl' : 'text-white/80' ) } > General twMerge( 'flex h-9 items-center gap-2.5 rounded-md px-2.5', isActive ? 'bg-white/10 text-white backdrop-blur-xl' : 'text-white/80' ) } > Shortcuts twMerge( 'flex h-9 items-center gap-2.5 rounded-md px-2.5', isActive ? 'bg-white/10 text-white backdrop-blur-xl' : 'text-white/80' ) } > Account
{ return location.pathname; }} />
); }