/** * `` — HeroUI-themed tab bar for `@sigx/lynx-navigation`. * * Inside a `` / `` tree it is navigation-driven via * `useTabs()`. With an explicit `items` list it runs standalone (no nav * context) — `activeId` controls the highlight, presses surface via * `onSelect`. Mode is fixed at mount. Icons themed via `` → * the ThemeProvider's icon-color resolver (active hero palette). */ import { type Define, type JSXElement } from '@sigx/lynx'; import { type TabInfo } from '@sigx/lynx-navigation'; export interface NavTabRenderContext { readonly active: boolean; onPress(): void; } export type NavTabBarPosition = 'top' | 'bottom'; export type NavTabBarBackground = 'base-100' | 'base-200' | 'base-300' | 'transparent'; export type NavTabBarProps = /** Where the bar sits — controls which edge gets the separator. Default 'bottom'. */ Define.Prop<'position', NavTabBarPosition, false> /** Surface color token. Default 'base-200'. */ & Define.Prop<'background', NavTabBarBackground, false> /** Show a separator on the edge opposite `position`. Default true. */ & Define.Prop<'bordered', boolean, false> /** Replace per-tab rendering entirely. */ & Define.Prop<'renderTab', (info: TabInfo, ctx: NavTabRenderContext) => JSXElement, false> /** Standalone mode: explicit tab list (no `useTabs()`). Mode fixed at mount. */ & Define.Prop<'items', ReadonlyArray, false> /** Standalone mode: active tab name. */ & Define.Prop<'activeId', string, false> /** Tab pressed — payload is the tab's `name`. */ & Define.Event<'select', string>; export declare const NavTabBar: import("@sigx/runtime-core").ComponentFactory; //# sourceMappingURL=NavTabBar.d.ts.map