import type { MobileNavigation as MobileNavigationType } from '@/payload-types'

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

import { MobileNavigationClient } from './index.client'

type Props = {
  variant?: 'bottom' | 'trigger'
}

export async function MobileNavigation({ variant = 'bottom' }: Props) {
  const mobileNavigation: MobileNavigationType = await getCachedGlobal('mobile-navigation', 1)()

  return <MobileNavigationClient mobileNavigation={mobileNavigation} variant={variant} />
}