import { NavLink, Outlet, ScrollRestoration } from 'react-router-dom'; import { twMerge } from 'tailwind-merge'; import { AppHeader } from '@shared/appHeader'; import { LumeBar } from '@shared/lumeBar'; export function SettingsLayout() { return (

Settings

twMerge( 'flex h-9 items-center gap-2.5 rounded-md px-2.5 text-zinc-200', isActive ? 'bg-zinc-900/50' : '' ) } > General twMerge( 'flex h-9 items-center gap-2.5 rounded-md px-2.5 text-zinc-200', isActive ? 'bg-zinc-900/50' : '' ) } > Shortcuts twMerge( 'flex h-9 items-center gap-2.5 rounded-md px-2.5 text-zinc-200', isActive ? 'bg-zinc-900/50' : '' ) } > Account
); }