Header

import { Header, HeaderButton, ShareButton, AsideToggle, Aside } from '@hanzo/ui/chat'

Types

export interface HeaderProps extends Omit<ComponentProps<typeof XStack>, 'children'> {
  title: string
  /** Overflow menu next to the title. Omit to hide it. */
  onOpenMenu?: () => void
  /** Action slot, rendered at the end of the row. */
  children?: ReactNode
  /**
   * Slot BEFORE the title — a rail toggle, a back arrow.
   *
   * hanzo.app `/chat` leads with a sidebar toggle and kept its own header
   * rather than adopt this one, because the row began at the title and there
   * was nowhere to put it.
   */
  leading?: ReactNode
}

export interface HeaderButtonProps {
  /** Required — the accessible name for an icon-only control. */
  label: string
  onPress?: () => void
  children?: ReactNode
}

export interface ShareButtonProps {
  label?: string
  onPress?: () => void
}

export interface AsideToggleProps {
  label?: string
  onPress?: () => void
}

export interface AsideProps {
  children?: ReactNode
  width?: number
}

Exports