55 lines
1.4 KiB
TypeScript
55 lines
1.4 KiB
TypeScript
import {Menu} from '@radix-ui/react-menu'
|
|
|
|
import HeaderControls from './controls'
|
|
import Logo from '@/components/shared/home/logo'
|
|
import LocaleSwitcher from '@/components/shared/locale-switcher'
|
|
import Navbar from '@/components/shared/navbar'
|
|
import SearchForm from '@/components/shared/search/form'
|
|
import SocialMediaPanel from '@/components/shared/social-media-panel'
|
|
import {Switch} from '@/ui/switch'
|
|
|
|
type MenuProps = {
|
|
name: string
|
|
slug: string
|
|
href: string
|
|
}
|
|
|
|
export default async function Header() {
|
|
/*{
|
|
searchParams
|
|
}: {
|
|
searchParams: Promise<{query?: string}>
|
|
}*/
|
|
//const query = (await searchParams).query
|
|
|
|
return (
|
|
<header className='w-full border-none bg-background text-white'>
|
|
<div className='container flex'>
|
|
<div className='bw-layout-col-left'>
|
|
<Logo />
|
|
</div>
|
|
<div className='bw-layout-col-right flex-col'>
|
|
<div className='mt-1.5 flex h-10 items-center'>
|
|
<div className='bw-header-col-left flex justify-between gap-x-10'>
|
|
<Navbar />
|
|
<SocialMediaPanel size={16} className='gap-x-3 pr-1' />
|
|
</div>
|
|
<div className='bw-header-col-right flex justify-end text-stone'>
|
|
<LocaleSwitcher />
|
|
</div>
|
|
</div>
|
|
|
|
<div className='flex items-center'>
|
|
<div className='bw-header-col-left'>
|
|
<SearchForm />
|
|
</div>
|
|
<div className='bw-header-col-right'>
|
|
<HeaderControls />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
)
|
|
}
|