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() {
	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>
	)
}
