/** * `` — HeroUI-themed header bar for `@sigx/lynx-navigation`. * * Pairs with ``: * * ```tsx * * ``` * * Reads the focused screen's options + slot fills via `useScreenChrome()` and * applies hero theming (base-200 surface, bottom separator, centred title). * Icons themed through `` — resolved by ``'s * (zero's) icon-color resolver to the active hero palette hex. * * The navigation package's own `
` is headless; this is the * batteries-included variant for hero consumers. */ import { type Define, type JSXElement } from '@sigx/lynx'; import { type IconSpec } from '@sigx/lynx-icons'; export type NavHeaderBackground = 'base-100' | 'base-200' | 'base-300' | 'transparent'; export type NavHeaderProps = /** Surface color token. Default 'base-200'. */ Define.Prop<'background', NavHeaderBackground, false> /** Show a separator line at the bottom. Default true. */ & Define.Prop<'bordered', boolean, false> /** * Render the back chevron from an `IconSpec`. Rendered with * `variant="primary"`, mapped to the active hero palette hex and * substituted into the SVG `fill=`. Wrapped in a Pressable wired to the * stack's pop. Falls back to the default "‹ Back" text. Ignored when * `renderBack` or `` is supplied — those win. */ & Define.Prop<'backIcon', IconSpec, false> /** Full override: render any JSX for the back button. Takes priority over `backIcon`. */ & Define.Prop<'renderBack', (ctx: { pop: () => void; }) => JSXElement, false>; export declare const NavHeader: import("@sigx/runtime-core").ComponentFactory; //# sourceMappingURL=NavHeader.d.ts.map