import { getCachedGlobal } from '@/utilities/getGlobals'

import './index.css'
import { HeaderClient } from './index.client'

export async function Header() {
  const [header, mobileNavigation] = await Promise.all([
    getCachedGlobal('header', 1)(),
    getCachedGlobal('mobile-navigation', 1)(),
  ])

  return <HeaderClient header={header} mobileNavigation={mobileNavigation} />
}