import { Disclosure } from '@headlessui/react'; import { NavLink } from 'react-router-dom'; import { twMerge } from 'tailwind-merge'; import { ChatsList } from '@app/chat/components/list'; import { AppHeader } from '@shared/appHeader'; import { ComposerModal } from '@shared/composer/modal'; import { NavArrowDownIcon, SpaceIcon, TrendingIcon } from '@shared/icons'; import { LumeBar } from '@shared/lumeBar'; export function Navigation() { return (
{/* Newsfeed */}

Feeds

twMerge( 'flex h-9 items-center gap-2.5 rounded-md px-2.5 text-zinc-200', isActive ? 'bg-zinc-900/50' : '' ) } > Spaces twMerge( 'flex h-9 items-center gap-2.5 rounded-md px-2.5 text-zinc-200', isActive ? 'bg-zinc-900/50' : '' ) } > Trending
{/* Channels {({ open }) => (

Channels

)}
*/} {/* Chats */} {({ open }) => (

Chats

)}
); }