SiteNav

import { SiteNav } from '@hanzo/ui/product'

Types

export type LinkRender = (props: {
  href: string
  children: ReactNode
  onNavigate?: () => void
}) => ReactNode

export type SiteNavProps = {
  /** The property's header model — `HEADERS[site]` from @hanzo/products. */
  header: SiteHeader
  /** The ecosystem launcher — `MEET_HANZO_MENU`. Omit to hide the launcher. */
  menu?: MeetHanzoMenu
  /** Brand slot — usually `<BrandMark/>`; pressing it goes home. */
  brand?: ReactNode
  /**
   * Right-hand cluster BEFORE the action: an identity menu when signed in, or a
   * sign-in link when signed out. The action itself comes from `header`, so this
   * slot must not repeat it.
   */
  actions?: ReactNode
  /** Host link primitive. */
  link?: LinkRender
  /** Resolve a product/link `id` to a glyph. Entries render fine without it. */
  icon?: (id: string) => ReactNode
  /** Marks the active local-nav item by its `Link.id`. */
  active?: string
  /** Launcher label. */
  meetLabel?: string
}

Exports